javascript - @font-face 在 Chrome 上阻止页面下载

Question

我正在使用@font-face，当我的@font-face 服务提供商出现故障时，我的页面被阻止下载。 (只有在请求字体提供者的 .css 文件时，所有请求才会显着减慢到爬行，而当服务提供者的 .css 顺利加载时不会发生这种情况)

我读过的所有内容都表明，这应该只发生在 IE 中，并且只有在 css 调用上方有一个标记时才会发生。但是，我在 Webkit 浏览器上遇到了这个问题，我确定在任何脚本标记之前调用 css 文件。

有没有人遇到过这个问题？您知道是什么导致了它或如何减轻它吗？

Answer 1

对于遇到此问题的任何人。答案归结为浏览器如何解析和加载 CSS。浏览器将在呈现页面之前等待所有 css 加载。由于 css/font 主机的服务器速度很慢，它阻止了我的页面呈现。

我的解决方案是通过比字体托管公司可靠得多的 cdn 服务来托管字体。