jquery - @font-face 导致 IE 和 Firefox 崩溃

Question

我在我的网站上使用 @font-face 以及 Typekit。我同时使用两者的原因是因为我使用 @font-face 作为图标，而 Typekit 不提供任何这种性质的字体。我使用很棒的工具创建了我的图标字体 IcoMoon App .

在花了几个小时筛选我的 stylesheets 和 js 文件后，我了解到当 @font-face 出现在我的 中时stylesheet 然后在某些使用 Firefox 或 Internet Exporer(最新版本)的 Windows7 机器上，浏览器将挂起一段时间或在某些情况下崩溃然后重新启动。发生这种情况后，网站工作正常。

有人对我如何防止这种情况发生有任何想法吗？

下面是我的样式表中的@font-face 代码，以及here是我正在使用它的网站。

提前致谢!!

@font-face {
font-family: "icomoon";
src:url("/css/fonts/icomoon.eot");
src:url("/css/fonts/icomoon.eot?#iefix") format("embedded-opentype"),
    url("/css/fonts/icomoon.svg#icomoon") format("svg"),
    url("/css/fonts/icomoon.woff") format("woff"),
    url("/css/fonts/icomoon.ttf") format("truetype");
font-weight: normal;
font-style: normal;}

注意:如果有任何 Jquery 的建议和修复，我完全乐于接受!

Answer 1

如果 CSS 使您的浏览器崩溃，我会感到非常惊讶。您创建的图标字体可能已损坏。