在纯手机网站上使用Google Web字体有什么性能问题吗？

Question

我想使用css3和谷歌的网页字体导航(而不是图形，出于性能原因)。

有没有人有这方面的经验？在移动客户端上使用Google Web字体有什么缺点/限制吗？谢谢。

Answer 1

性能如何？网页字体会减慢我的页面速度吗？

如果页面使用web字体，则必须将字体文件下载到站点访问者的计算机上，然后才能初始显示它们。字体文件以压缩的方式提供，以便更快地下载。在初始下载之后，它们将被缓存在浏览器中。随着Google Web Fonts API的广泛使用，当访问者访问您的页面时，他们的浏览器缓存中很可能已经包含了您正在使用的字体。

但是，通常情况下，您应该注意您所提供的字体文件的大小。另请注意，使用web字体可能会导致浏览器发出比其他情况下所需更多的HTTP请求。

与使用图像在页面上显示大量文本相比，web字体可能会增强页面的性能(以及可维护性和可访问性)。但是，在其他情况下，它们可能会增加页面的整体权重。

引用自https://developers.google.com/webfonts/faq#Performance

Answer 2

作为个人经验，不要在主要内容文本上使用web字体。

我使用的网页字体非常小(292字节)，由Google CDN托管。该字体在正文级别应用于所有文本。

当我实际使用手机查看页面时，我看到没有文本的样式页面，然后不得不等待另一秒钟文本才会出现。这可能会导致感知到的速度变慢。

底线是:使用真实的手机测试和感受应用程序。最好不要将网页字体应用于主要内容。