使用 Google 字体时，可以使用 3 种方法将它们包含到站点中，这 3 种是 <link> , @import和 JavaScript。
我想知道在确定哪种方法最合适时应该考虑哪些因素，以及使用一种方法与另一种方法会如何影响字体。如:
我假设一个人有能力不受限制地使用任何方法。谢谢
最佳答案
link 方法允许您在一次调用中组合多个字体请求，如下所示:
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid +Sans|Lobster">
这个简单的技巧可以节省到 Google 服务器的往返次数。此外，将您的“链接”调用放在页面上的任何 JS 调用之前。
不幸的是，当一个外部 CSS 文件使用 @import 指令链接到另一个时，Internet Explorer 的性能很差。如果不是因为性能问题，将 @import 放在使用字体的同一个 CSS 文件中会有额外的灵活性会很好，但为了获得最佳性能，请将“链接”标签放在基本 HTML 文件中。
关于使用 Google Fonts 的 link/@import/js 方法的性能考虑，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23697165/