Performance 使用Google字体的link/@import/js方法的性能考虑

当使用谷歌字体时，有三种方法可以用来将它们包含到网站中，这三种方法分别是

、

@import

和javascript

我想知道在确定哪种方法最合适时应该考虑哪些因素，以及使用一种方法与使用另一种方法时字体可能受到的影响。例如：

• 增加数据大小
• 字体呈现差异
• 页面加载速度
• 平行加载

---

我假设一个人有能力不受限制地使用任何方法。感谢

链接方法允许您在一次调用中组合多个字体请求，如下所示：

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid +Sans|Lobster">

这个简单的技巧节省了到Google服务器的往返。此外，将“link”调用放在页面上任何JS调用之前

不幸的是，当一个外部CSS文件使用@import指令链接到另一个文件时，Internet Explorer的性能很差。如果不是因为性能问题，最好能有额外的灵活性，将@import放在使用字体的同一CSS文件中，但为了获得最佳性能，请将“link”标记放在基本HTML文件中