-1

可能重复：
在呈现网页之前等待字体加载

我在 html 的头部添加 kite one google webfont

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

我在做什么：

  • 我正在构建带有 div 的结构（如 pinterest）的盒子，其中包含带有风筝一种字体的内容。

  • 并像在 pinterest 中一样排列这些盒子。

字体加载缓慢：

  • 在带有风筝的css类之后，一种字体称为带有备用字体的框加载。然后当风筝一种字体替换备用字体时，框会调整 UI 的大小。（这只在第一次加载字体时发生）
4

1 回答 1

0

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

还要使用Chrome 中的开发人员工具进行调查，然后单击网络。并查看它实际花费了多少时间，这可能是导致加载缓慢的其他原因，如果在缓慢的项目之后加载字体，则会出现字体太怪。

另外，如果是字体加载缓慢，每次速度都一样吗？您是否在以速度慢或有限制着称的网络上？

于 2013-01-03T13:51:07.373 回答