我正在构建一个网站,我使用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标签处。我没试过就试着把它们移开。
有没有人遇到过同样的问题?
提前致谢。
答案 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验证器找到并修复未关闭的标签!