在尝试提高页面速度时，我刚刚发现了这个脚本 .
目前我在 HEAD 中加载了大约3个Google网络字体，它降低了我的网页速度，因为它是"Render blocking element" .
所以我读到this script here
并且只是在 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，但我不知道如何使用它 .
2 回答
Google Web Font Loader的主要缺点是，当禁用浏览器中的JavaScript时，无法充分利用它 . Web字体加载器也是一个JavaScript . 因此，如果禁用JavaScript，它将无法运行 .
基于webfont.js的字体加载的一个缺点是，即使浏览器不需要它们来呈现页面，也应下载字体的字体文件 . 这与使用常规方法处理字体文件下载的方式不同：