在CSS中嵌入字體

Question

我即將爲我的網站使用一些自定義字體。 我知道目前有幾個網站提供免費的網頁字體，如：Google WebFonts

但是，我想要的字體不在那裏。我想知道是否有任何方法將此字體轉換爲我需要的webfont。 （我的字體擴展名是TTF）

另外，我下載了幾個webfonts，它們的擴展名也是TTF。 webfonts有什麼不同？

Answer 1

不同的瀏覽器以不同的方式處理web字體。 TTF適用於大多數瀏覽器，但不適用於IE或iPhone。我建議檢查一下Font Squirrel，因爲它有很多字體，包括一個@ font-face生成器，可以幫助你設置。

Answer 2

Web字體沒什麼特別的;它們可以是TrueType字體，只要瀏覽器支持該格式（大部分都是這樣）。要在你的CSS使用TrueType字體，使用

@font-face { 
    font-family: {given name}; 
    src: url({path to font file}) format('truetype'); 
} 

然後在您要使用的字體任何規則使用

font-family: {given name}; 

。

Answer 3

您可以結合@ font-face使用ttf文件。有關更多信息，請參見http://www.html5rocks.com/en/tutorials/webfonts/quick/。

Answer 4

我以前使用Font Squirrel從ttf生成網頁字體文件。

Answer 5

我會建議您嘗試Cufon作爲後備對於不支持CSS @font-face

Answer 6

This可能是使用的瀏覽器 -

請確保您使用的字體許可允許就行。