Javascript 加载字体时页面冻结

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

你对我如何处理这个问题有什么建议吗？因为我觉得这样做并不干净，而且，由于用户可以修改页面的css，我无法控制需要从服务器下载多少字体以及这些文件有多重

---

谢谢

将字体导入直接放在文档中而不是单独导入的.CSS文件中有IE行为原因。我看看能不能找到我读到的关于这件事的参考资料

• 这是Steve Souders写的一篇好文章，还有一些到其他相关参考文献的链接