Question

在尝试提高页面速度时，我刚刚发现了这个脚本。

目前我在HEAD中加载了大约3个Google网络字体，这会降低我的网页速度，因为它是＆＃34;渲染阻止元素＆＃34;。

刚刚在BODY标签内添加了脚本（但是在加载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的最新版本。我看到了there's some github library，但我不知道是否应该以及如何使用它。

Answer 1

Google Web Font Loader的主要缺点是，当禁用浏览器中的JavaScript时，无法充分利用它。 Web字体加载器也是一个JavaScript。因此，如果禁用JavaScript，它将无法运行。

Answer 2

基于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" />

Google Web Font Loader - 任何缺点？

2 个答案: