加载字体时页面冻结

时间:2011-01-24 15:18:45

标签: javascript loading font-face freeze

当我在CSS中添加“@ font-face”子句时,我有一个沉重的网页冻结。似乎所有东西都被加载了,但是我没有看到大部分页面(我可以选择文本并将其粘贴到某个地方,但它不会出现在页面本身上)。字体下载似乎失败(基于“AOL Pagetest”插件的测试)。经过大量的测试,似乎这是一个计时的事情。我在javascript中添加了一种“睡眠”功能,页面现在大部分时间加载,但有时仍会冻结!看起来页面试图在完全下载字体之前显示,这会冻结界面。

你是否有任何关于如何以比睡2秒更好的方式来解决这个问题的建议,因为我觉得这样做不是很干净,并且,因为页面的CSS可以是由用户修改,我无法控制需要从服务器下载多少字体以及这些文件的重量......!

谢谢

1 个答案:

答案 0 :(得分:0)

将行字体直接放入文档<head>而不是单独导入的.CSS文件中有IE行为原因。我会看看我是否可以追踪我读到的有关此内容的参考资料。

  • 这是来自Steve Souders的好blog post,其中包含一些指向其他相关参考的链接
相关问题