【发布时间】：2015-09-06 02:59:43
【问题描述】：
我在网页上使用 Google 字体，但注意到大约 5% 的时间 Google 字体似乎超时并显示备用字体。所以我停止使用它，我尝试使用@font-face 和服务器上下载的字体文件，但我必须为所有版本添加大约 100 行 CSS 并加载所有正确的格式（.ttf、.eot 等) 使用正确的 CSS 实现。太头疼了。 有没有办法告诉网页继续尝试从谷歌获取字体，直到它加载？还是有其他解决方案？
<link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>
<h1>Text</h1>
CSS
h1
{
font-family: 'Indie Flower', Georgia, sans-serif;
}
【问题讨论】：
-
再添加 100 行 CSS。你应该有你的 CSS 组织，所以只需创建一个新的 CSS 文件并将字体声明放在那里。 100 行代码不会花费那么长时间来编写。此外，您可以复制和粘贴大部分 CSS。
-
你可以试试 google 的 webfont 加载器，不过不推荐使用 @font-face，通常不是优化的最佳选择。 - github.com/typekit/webfontloader