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

回答