Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/361.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript @在Chrome上下载字体面阻止页面_Javascript_Css_Font Face - Fatal编程技术网

Javascript @在Chrome上下载字体面阻止页面

Javascript @在Chrome上下载字体面阻止页面,javascript,css,font-face,Javascript,Css,Font Face,我正在使用@font-face,当我的@font-face服务提供商宕机时,我的页面被阻止下载。(所有请求仅在请求字体提供程序的.css文件时才会明显减慢到爬网速度,而在服务提供程序的.css文件平稳加载时不会发生这种情况) 我所读到的一切都表明,这只应该发生在IE中,并且只有在css调用上方有一个标记时才会发生。然而,我在Webkit浏览器上遇到了这个问题,我确信在调用任何脚本标记之前先调用css文件 还有其他人遇到过这个问题吗?你知道是什么原因造成的吗?或者如何减轻它?你使用的是什么供应商?

我正在使用@font-face,当我的@font-face服务提供商宕机时,我的页面被阻止下载。(所有请求仅在请求字体提供程序的.css文件时才会明显减慢到爬网速度,而在服务提供程序的.css文件平稳加载时不会发生这种情况)

我所读到的一切都表明,这只应该发生在IE中,并且只有在css调用上方有一个标记时才会发生。然而,我在Webkit浏览器上遇到了这个问题,我确信在调用任何脚本标记之前先调用css文件


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

你使用的是什么供应商?我有时会在fonts.com上遇到这种情况,无论哪种方式,您都应该使用yslow进行测试,询问您的提供商是否在CDN上,以及他们最近是否遇到问题,您使用的嵌入方法是什么,是javascript加载程序、样式表链接还是样式表导入。不管怎样,一定要读这篇文章

确保您阅读了其中有关“AvoidCssImport”的部分


希望这对遇到这种情况的人有所帮助。答案归结为浏览器如何解析和加载CSS。浏览器将在呈现页面之前等待加载所有css。由于css/font主机的服务器运行缓慢,它会阻止我的页面呈现


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

您能提供一个示例页面吗?很好,我将查看这些选项。我通过样式表链接。这似乎实际上是一个css101问题,如果一个页面在等待承载css的服务器响应,它是否是不显示的典型行为?