Modernizr 和 fonts.com 导致 IE8 崩溃答案

【问题标题】：Modernizr and fonts.com crashing IE8Modernizr 和 fonts.com 导致 IE8 崩溃
【发布时间】：2012-11-05 15:05:32
【问题描述】：

我目前正在构建一个网站，我正在使用 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 标记。我试着在没有任何运气的情况下移动它们。

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

提前致谢。

【问题讨论】：

【解决方案1】：

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

您可以通过访问 fonts.com 上的“管理 Web 字体”部分，选择您的项目，然后单击“发布选项”链接来完成此操作。

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

【讨论】：

【解决方案2】：

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

事实证明，当存在未闭合标签时，IE8 上的 fonts.com Javascript 存在一个已知问题。所以如果你有这样的情况：

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

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

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

【讨论】：