@字體面在CSS

-1

我使用這條線在我的CSS代碼不工作：@字體面在CSS

@font-face { 
    font-family: 'myFont'; 
    src: url('myserver/Fonts/tiza-webfont.ttf'); 
}

，然後這一個特定的標題：

#h1{ 
    font-family: 'myFont'; 
}

我試過很多字體鏈接和甚至試圖放置一些像「Comic Sans」的自定義字體，但字體不會改變。

我的HTML是：

<head> 
<link rel="stylesheet" type="text/css" href="bbb.css"> 
</head> 

<div id="table"> 
      <ul> 
       <li><img id="icons" src="icon.jpg" alt="" /><h1> OPA: <strong> {Query.OPA} </strong></h1></li> 
      </ul> 
</div>

我檢查了控制檯和現在的一切似乎確定。我試着在不同的瀏覽器上檢查網站。

來源

2016-03-10 Apolo Radomer

你能告訴你的HTML嗎？ –

'css'文件夾內是否爲'myserver/Fonts/tiza-webfont.ttf'文件夾？ –

你使用什麼瀏覽器？ –

嘗試包含here中的所有字形。僅包括ttf不適用於所有瀏覽器。更改樣式表來反映這樣的事情，這是標準的方式：

@font-face { 
    font-family: 'myFont'; 
    src: url('tiza-webfont.eot'); 
    src: url('tiza-webfont.eot?#iefix') format('embedded-opentype'), 
     url('tiza-webfont.woff') format('woff'), 
     url('tiza-webfont.ttf') format('truetype'), 
     url('tiza-webfont.svg#TizaRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

並確保你的存在，你的所有的字體文件放在同一目錄下添加此CSS文件。並使用CSS鏈接到這裏。

所以，如果你有字體文件（ttf，svg，woff等）在目錄：myserver/Fonts/，那麼你需要在myserver/Fonts/tiza.css添加CSS文件中像tiza.css。

確保上述CSS是通過Web瀏覽器可公開訪問通過HTTP這樣的：

http://mydomain/myserver/Fonts/tiza.css

，包括它在你的HTML這樣的：

<link rel="stylesheet" href="http://mydomain/myserver/Fonts/tiza.css" />

主要的事情是，你必須做確定你的控制檯上沒有任何404或4xx錯誤。像這樣的東西是什麼使得它不工作：

來源

2016-03-10 10:42:07

我把字體放在一個名爲「fonts」的文件夾中，它是「css」的子文件夾。但沒有任何改變。 –

@ApoloRadomer你檢查了控制檯嗎？ –

@ApoloRadomer還請檢查此鏈接：https://cdn.rawgit.com/avranju/instafuzz/master/css/fonts/tiza/demo.html告訴我，如果你能看到你想要的字體？ –

回答

相關問題