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

时间:2011-03-10 19:17:09

标签: javascript css font-face

我正在使用@ font-face,当我的@ font-face服务提供商关闭时,我的页面被阻止下载。 (所有请求仅在请求字体 - 面部提供程序的.css文件时显着减慢到爬行速度,并且当服务提供者的.css顺利加载时不会发生这种情况)

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

还有其他人遇到过这个问题吗?你知道是什么原因导致它或如何减轻它吗?

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:0)

您使用的是什么提供商?我有时使用fonts.com体验它,无论哪种方式你应该用yslow http://developer.yahoo.com/yslow/测试你是否提供他们是否在CDN上,如果他们最近遇到问题,你使用什么嵌入方法,是吗?一个javascript加载器,一个样式表链接或一个样式表导入。无论哪种方式,请务必阅读本文

http://code.google.com/speed/page-speed/docs/rtt.html 确保你阅读了有关“AvoidCssImport”的部分

希望这会有所帮助