Chrome和Firefox不會渲染我的@ font-face，safari會

我有一個讓字體正常工作的問題。我將其定義爲這樣的：Chrome和Firefox不會渲染我的@ font-face，safari會

@font-face { 
    font-family: "creampuff"; 
    src: local("☺"), url(/fonts/CREAMPUF.TTF) format('truetype'); 
}

這工作如果機器上安裝了這種字體完全沒問題（我有3臺機器在這裏，一個已安裝的字體和它的作品，其他兩個不和。它呈現不同的字體），它只在Firefox和Chrome渲染不正確，Safari瀏覽器能夠呈現它只是罰款：

Safari's Render

兩個丁目和Firefox使它像這樣：

Firefox/Chrome Rendering

但是，如果我在Chrome的Web檢查禁用樣式（定義爲： 'FONT-FAMILY：creampuff;'）它肯定有效果，改變字體：

chrome/Firefox font-family disabled

我可以甚至不知道從哪裏開始調試。我檢查了Chrome中的網絡標籤，並且它確實能夠成功加載字體。打開字體文件顯示一切正確，並在我的另一臺機器上安裝了本地字體，它可以在所有瀏覽器中正常運行。

任何想法如何解決這個問題？

2011-04-07 ctide

刪除'local（「）部分，你只需要url和格式 – 2013-04-15 11:53:48

也許嘗試添加font-style: normal的CSS：

@font-face { 
    font-family: "creampuff"; 
    src: local("☺"), url(/fonts/CREAMPUF.TTF) format('truetype'); 
    font-style: normal; 
}

如果不工作，你可以送花兒給人嘗試將字體轉換成其他格式。 FontSquirrel有一個方便的工具來做到這一點：http://www.fontsquirrel.com/fontface/generator。如果你願意，它甚至會爲你生成CSS。

2011-04-07 21:23:20 phixr

轉換它爲我工作。仍然看起來很奇怪，它可以在我的另一臺機器上正常工作而無需轉換，但無論如何工作。謝啦！ – ctide 2011-04-07 21:31:14

備註：「font-style：normal」沒有爲我解決。 Chrome 16和Firefox 9上的字體Comicv3.ttf遇到問題。 – 2012-01-02 03:21:50

-1

並沒有爲我工作，要麼但什麼終於做工作改變FONT-FAMILY從長名稱短名的名稱：從「瑞士721黑擴展BT」爲「Swis721 BlkEx BT」。

2012-01-25 19:43:50

回答