Google Web字体加载程序 - 任何缺点

Question

我只是在尝试增加我的页面速度时就发现了这个脚本。

目前，我正在加载HEAD中的大约3个Google Web字体，并且它会降低我的页面速度，因为它是"渲染阻止元素"。

所以我在这里阅读了此脚本

，刚刚在 BODY tag中添加了脚本(但是在加载jQuery脚本之前，我认为它会更快地这样(

<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6/webfont.js"></script>
<script>
 WebFont.load({
    google: {
      families: ['Source Sans Pro:400,600,700,400italic,700italic', 'Roboto Condensed:400,700']
    }
  });
</script>

就是这样，我的页面速度提高了。

所以我只是想知道使用此方法有任何缺点吗？

P.S，我认为版本1.6是Google上的最新版本。我看到有一些github库，但是如果我应该使用以及如何使用它。

Answer 1

基于webfont.js的一个缺点是基于webfont.js的字体加载，即使浏览器不需要它们来渲染页面，也应下载字体的字体文件。如果您使用常规方法，这与字体文件下载将如何处理不同：

<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source Sans Pro:400,600,700,400italic,700italic|Roboto Condensed:400,700" />

Answer 2

Google Web字体加载程序的主要缺点是当禁用浏览器中的JavaScript时，无法获得最佳用途。Web字体加载程序也是JavaScript。因此，如果禁用JavaScript，它将不会运行。