Modernizr和fonts.com崩溃了IE8

时间:2012-11-05 15:05:33

标签: javascript jquery font-face modernizr

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

font-family: 'MyFontFromFontsDotCom';

它工作正常并且表现良好。但是,在IE8中,浏览器在加载字体(它永远不会完全加载)和网站后崩溃。当我点击浏览器中的“停止”按钮时,网站会以正确的字体呈现。

我有一个现代化的2.6.2运行以及在fonts.com javascript之前引用的。当我删除fonts.com javascript时,该网站运行正常。

fonts.com javascript参考位于body标签的底部,而modernizr位于head标签处。我没试过就试着把它们移开。

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

提前致谢。

2 个答案:

答案 0 :(得分:2)

当我在IE 8上跨浏览器测试网站时,我遇到了这个问题。我使用'非javascript'(CSS)选项解决了这个问题。

您可以转到fonts.com上的“管理Web字体”部分,选择项目,然后单击“发布选项”链接。

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

答案 1 :(得分:0)

我知道答案已经被接受了,这是完全有效的解决方案(使用CSS选项而不是Javascript选项),但是如果你确实需要Javascript选项(我喜欢拥有 - 活动类添加到我的文档中。)

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

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

这会导致fonts.com Javascript引起麻烦。

使用W3C验证器找到并修复未关闭的标签!