@font-face 阻止 Chrome 下载页面

Question

我正在使用@font-face，当我的@font-face服务提供商出现问题时，我的页面被阻止下载。(所有请求显著减慢，只有在请求font-face提供商的.css文件时才会变得非常缓慢，而当服务提供商的.css平稳加载时，这种情况就不会发生。)

我阅读的所有资料都表明，这应该仅发生在IE浏览器中，并且仅当css调用之前存在标签时才会出现。然而，我在Webkit浏览器上遇到了这个问题，并确保在任何脚本标记之前调用css文件。

还有其他人遇到过这个问题吗？你知道是什么原因或如何缓解它吗？

- gxc

---

你能提供一个示例页面吗？ - STW

Answer 1

对于任何遇到这个问题的人。答案归结于CSS是如何被浏览器解析和加载的。浏览器会在渲染页面之前等待所有CSS加载完成。由于CSS/字体主机的服务器很慢，这阻止了我的页面渲染。

我的解决方案是通过CDN服务托管字体，该服务比字体托管公司更可靠。

- gxc

Answer 2

你使用的是哪个提供商？我有时在fonts.com上也遇到过这种情况，无论如何，你应该使用yslow进行测试http://developer.yahoo.com/yslow/。询问一下你的提供商是否在CDN上，并且最近是否遇到了问题，你使用的是什么嵌入方法，是JavaScript加载器、样式表链接还是样式表导入。无论哪种方式，请确保阅读以下内容

http://code.google.com/speed/page-speed/docs/rtt.html 请确保阅读其中关于“避免CSS导入”的部分

希望这可以帮助到你

- rroche

---

好的，我会查看这些选项。我是通过样式表链接进行链接的。这似乎实际上是一个CSS 101问题，如果页面在等待托管CSS的服务器响应时不显示，这是典型的行为吗？ - gxc