@ font-face不适用于Chrome浏览器或火狐浏览器

这一直发生在最近我一直在开发的几个网站上，我完全搞不明白为什么。 Stack Overflow的其他答案似乎对我没有帮助，也没有任何其他我在谷歌上找到的资源似乎对我有一个答案。我在想我正在做一些愚蠢的事情，但是什么？@ font-face不适用于Chrome浏览器或火狐浏览器

下面是网站，我目前正与沮丧：http://atonea.com/csj/

它不会在Chrome或Firefox的工作，但它会在Safari上运行。这对我来说没有任何意义。

来源

2013-04-13 AtlasOnEarth

开发工具说'http://atonea.com/csj/fontt/GILLUBCD.ttf 404 NOT Found' - 也让'@ font-face'在你的CSS的开始。 – Rishabh

您可以为您在网页中使用的字体创建多个文件。这样你就可以在每个主流浏览器上运行。对于发电机见http://www.fontsquirrel.com/tools/webfont-generator – Adrian

你只是在其中包括.ttf格式是WebKit的特定版本，而不是包括跨浏览器支持多种字体格式：

@font-face { 
font-family: 'MyWebFont'; 
src: url('webfont.eot'); /* IE9 Compat Modes */ 
src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
    url('webfont.woff') format('woff'), /* Modern Browsers */ 
    url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
    url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}

您还需要使用它之前添加@font-face规则任何元素..

来源

2013-04-13 03:50:01

工作正常，但我不明白为什么。如何添加多种格式突然允许铬接受它？这是否只是寻找一种不在那里的格式？ – AtlasOnEarth

你需要在声明它之前添加你的font-face。所以把你的字体放在你css的开头。

来源

2013-04-13 03:48:42 Stephen

我原来是这样，没有什么区别。你现在可以检查它。 – AtlasOnEarth

@ font-face不适用于Chrome浏览器或火狐浏览器

回答

相关问题