包括Google Web Fonts链接或导入？
将Google Web字体添加到页面的首选方式是什么？
通过链接标签？
<link href='http://fonts.googleapis.com/css?family=Judson:400,400italic,700' rel='stylesheet' type='text/css'>
通过样式表导入？
@import url(http://fonts.googleapis.com/css?family=Kameron:400,700);
或使用网络字体加载器
https://developers.google.com/webfonts/docs/webfont_loader
对于90％以上的情况，您可能需要<link>标记。 作为一个经验法则，您希望避免使用@import规则，因为它们会延迟加载所包含的资源，直到文件被提取......并且如果您有一个构建过程来“扁平化”@ import，那么您会创建另一个问题网页字体：像Google WebFonts这样的动态提供商提供特定于平台的字体版本，所以如果您只是简单地内联内容，那么最终会在某些平台上出现破碎的字体。
现在，你为什么要使用Web字体加载器？ 如果您需要完全控制字体的加载方式。 大多数浏览器都会将内容拖放到屏幕上，直到所有的CSS都被下载并应用 - 这就避免了“无内容的闪光”问题。 缺点是...您可能会有额外的暂停和延迟，直到内容可见。 使用JS加载程序，您可以定义字体的显示方式和时间。例如，您甚至可以在原始内容绘制在屏幕上后淡入。
再次，90％的情况是<link>标签：使用良好的CDN，字体将快速下降，甚至更有可能从缓存中提供。
欲了解更多信息，并深入了解Google Web字体，请查看以下GDL视频：https：//www.youtube.com/watch？v = sqqm0euf9M
链接地址: http://www.djcxy.com/p/65055.html