0

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

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

我尝试了在此线程上解释的修复：为什么我的@font-face 仅在 ie9 中损坏？

按照建议，我尝试使用指向字体的直接全地址链接（没有用）；例如，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 中的开发人员工具查看实际加载的内容时，它显示字体加载正常。

有什么想法吗？

4

3 回答 3

1

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

于 2013-11-12T16:34:43.503 回答
0

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

无论如何，固定的。

于 2013-11-12T19:47:13.033 回答
0

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

于 2013-11-12T16:37:22.790 回答