这是JS Fiddle链接:http://jsfiddle.net/n6eaG/
所有HTML,CSS和JS都是从EECMS站点中获取的。刚刚删除了足够的模板标记以呈现我遇到问题的类型/字体。

我上传了Font Squirrel生成的VerbUltra / VerbLight作为字体。它们在除Internet Explorer之外的所有浏览器中呈现。

我尝试了此线程上解释的修复程序:Why is my @font-face broken in ie9 only?

按照建议,我尝试使用直接的全地址链接指向字体(无效)。例如http://site.com/fonts.ttf而之前我没有../fonts.ttf

例:

@font-face {
font-family: "actuall font name";
src:url( "http://localhost//fonts/fontname.TTF ");}


我还尝试了使用Fong Squirrel推荐的.htaccess脚本(无效)。

例:

<FilesMatch "\.(ttf|otf|woff)$">
<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>


<FilesMatch "\.(eot|otf|woff|ttf)$">
SetEnvIf Origin »
"^http(s)?://(.+\.)?(domain1\.org|domain\.com)$" origin_is=$0
  Header set Access-Control-Allow-Origin %{origin_is}e env=origin_is
</FilesMatch>


还建议在一个线程上添加以下font.css文件(无效):

src: local("☺"), url('wwwtest.ecidg.com/assets/fonts/verbultra-webfont.eot?#iefix')      format('embedded-opentype'), url('wwwtest.ecidg.com/assets/fonts/verbultra-webfont.ttf')     format("truetype");


当通过IE中的开发人员工具查看实际加载的内容时,它显示字体很好加载。

有什么想法吗?

最佳答案

打开“网络”选项卡-按下F12调出开发人员工具,然后单击“网络”选项卡并单击“开始捕获”-确定是否请求了字体,如果需要,则是否成功下载了字体。如果未成功请求它们,则是由于您的@ font-face语法(尝试使用此命令-http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax)。如果要求和下载它们,则它们可能已损坏(如果它们来自字体松鼠,则不太可能)。如果未下载它们,则很可能是服务器端问题,您可以通过查看状态码(404、500等)或网络请求来解决。

10-05 20:57
查看更多