渲染div后,Google webfont会加载吗?

时间:2013-01-03 10:32:26

标签: javascript html css fonts font-face

  

可能重复:
  Wait for fonts to load before rendering web page

我在html的头部添加风筝一个google webfont

<link href='http://fonts.googleapis.com/css?family=Kite+One' rel='stylesheet' type='text/css'>

我在做什么:

  • 我正在用一个div来构造像盒子一样的结构(如pinterest),它用一个字体保存内容。

  • 就像在pinterest中一样安排盒子。

字体加载缓慢:

  • 在带有风筝的css类之后,一个字体称为带有备份字体的框。然后当风筝一种字体替换备份字体时,框会调整大小以折叠UI。(这只在第一次加载字体时发生)

1 个答案:

答案 0 :(得分:0)

如果从谷歌缓慢加载字体尝试从谷歌下载并在您自己的网站上托管它。

同时调查使用Chrome中的开发人员工具,然后点击网络。,看看它实际上花了多少时间,可能是导致负载缓慢的其他因素,如果字体是在慢项目看起来字体太怪了。

此外,如果字体加载缓慢,每次都是相同的速度吗?您是否因为速度慢或有限制而闻名?