【发布时间】：2012-12-17 16:58:31
【问题描述】：
我在 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 的大小。（这只在第一次加载字体时发生）
【问题讨论】：
-
谷歌页面加载在仪表上显示什么？什么价值？
-
@aspiring aqib：只有在调用带有 font-family 的 css 类时才会下载风筝一号字体的 font/woff 文件。下载 woff 文件需要 7 毫秒。但是 div 似乎是在那之前构建的。
-
好吧，你只需要 7 毫秒，而网速较慢的用户需要 100 毫秒！
标签： javascript html css fonts font-face