@ font-face崩溃的IE&火狐

时间:2012-11-30 16:03:29

标签: jquery css3 font-face

我在我的网站和Typekit上使用@font-face。我使用两者的原因是因为我使用@font-face作为图标而Typekit不提供任何这种性质的字体。我使用了IcoMoon App的精彩工具创建了我的Icon字体。

在花了几个小时筛选我的stylesheetsjs文件后,我了解到当@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的建议和修复完全开放,如果有的话!

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:-1)

问题似乎与IcoMoon应用程序直接相关。在使用IcoMoon创建我的Icon字体后,我使用Font Squirrel自己的生成器上传了ttf文件,并且看不到没有浏览器崩溃,页面加载速度提高了10倍!