Question

这是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中的开发人员工具查看实际加载的内容时，它会将字体显示为正常加载。

有什么想法？

Answer 1

打开网络选项卡 - 按F12以显示开发人员工具，然后单击网络选项卡并单击“开始捕获” - 以确定是否正在请求字体，如果是，则确定是否已成功下载。如果没有成功请求它们，那是因为你的@ font-face语法（试试这个 - http://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax）。如果他们被请求和下载，那么他们可能已经腐败（如果他们来自字体松鼠则不太可能）。如果他们没有被下载，那么你可能会遇到服务器端问题，你可以通过查看状态代码（404,500等）或网络请求来解决。

Answer 2

我认为您可能需要以.eot格式添加字体。看一下这个答案：Css @font-face not working in ie9

Answer 3

固定。几天前我在某地读到有人通过在Windows 7上运行更新解决了这个问题。我以为我已经运行了更新，但令我惊讶的是，VirtualBox / Windows 7每次启动都会更新大约30分钟。

无论如何，固定。

Font Squirrel生成的字体未在Internet Explorer中加载

3 个答案: