1

我目前正在构建一个网站，我正在使用 fonts.com 来显示标题和子标题的自定义字体。字体通过 fonts.com javascript 链接加载，然后在 CSS 文件中引用为：

font-family: 'MyFontFromFontsDotCom';

它工作正常并且表现良好。然而，在 IE8 中，浏览器在字体被加载（尽管它永远不会完全加载）和站点后崩溃。当我点击浏览器中的“停止”按钮时，网站会以正确的字体呈现。

我还有一个正在运行的modernizr 2.6.2，它在fonts.com javascript之前被引用。当我删除 fonts.com javascript 时，该网站运行得很好。

fonts.com javascript 参考位于 body 标签的底部，modernizr 位于 head 标签。我试着在没有任何运气的情况下移动它们。

有没有人遇到过同样的问题？

提前致谢。

4

2 回答 2

2

我在 IE 8 上跨浏览器测试网站时遇到了这个问题。我通过使用“非 JavaScript”(CSS) 选项解决了这个问题。

您可以通过访问 fonts.com 上的“管理 Web 字体”部分，选择您的项目，然后单击“发布选项”链接来实现这一点。

在弹出的窗口中有一个“选项 2：非 Javascript”选项卡，这将为您提供 CSS 而不是 Javascript 的代码片段。您应该将其粘贴到头部，然后删除 Javascript 代码段。

于 2013-02-21T14:12:11.023 回答
0

我知道已经接受了一个答案，这是完全有效的解决方案（使用 CSS 选项而不是 Javascript 选项），但是如果您确实需要 Javascript 选项，还有另一种可能的解决方案（我喜欢 -active 类添加到我的文档中）。

事实证明，当存在未闭合标签时，IE8 上的 fonts.com Javascript 存在一个已知问题。因此，如果您遇到以下情况：

<div><span>March 2014</div>

这会导致 fonts.com Javascript 出现问题。

因此，使用 W3C 验证器查找并修复未关闭的标签！

于 2014-03-23T18:55:59.123 回答