我在我的网站和Typekit上使用@font-face
。我使用两者的原因是因为我使用@font-face
作为图标而Typekit不提供任何这种性质的字体。我使用了IcoMoon App的精彩工具创建了我的Icon字体。
在花了几个小时筛选我的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的建议和修复完全开放,如果有的话!
答案 0 :(得分:0)
如果CSS崩溃你的浏览器,我会非常惊讶。您创建的图标字体可能已损坏。
答案 1 :(得分:-1)
问题似乎与IcoMoon应用程序直接相关。在使用IcoMoon创建我的Icon字体后,我使用Font Squirrel自己的生成器上传了ttf
文件,并且看不到没有浏览器崩溃,页面加载速度提高了10倍!