javascript - Modernizr 和 fonts.com 导致 IE8 崩溃

标签 javascript jquery font-face modernizr

我目前正在构建一个站点,我在其中使用 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 标签。我试着移动它们,但没有任何运气。

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

提前致谢。

最佳答案

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

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

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

关于javascript - Modernizr 和 fonts.com 导致 IE8 崩溃,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13234788/

相关文章:

ocr - 我可以使用 OCR 检测字体样式(粗体、斜体)吗?

javascript - 如何将错误从 $.ajax 实例冒泡到 $.ajaxSetup?

javascript - 元视口(viewport)标签脚本不起作用

javascript - 将 Canvas DataURL 转换为图像以发布到 Facebook

django - 如何在 Django 中向经过身份验证的用户发出 AJAX 请求?

css - 将 base64 编码的字符串解码为字体文件 - unicode 范围

javascript - 滚动时淡入和滚动时淡出

javascript - $.fn.dataTableExt.aoFeatures.push 更改设置

javascript - 如何从一个 Ajax 函数获取变量以在另一个 Ajax 函数中工作

css - @字体问题