我想使用 css3 和谷歌网络字体进行导航(而不是图形,出于性能原因)。
有人对此有经验吗?将 Google Web Fonts 用于移动客户端是否有缺点/限制?谢谢你。
我想使用 css3 和谷歌网络字体进行导航(而不是图形,出于性能原因)。
有人对此有经验吗?将 Google Web Fonts 用于移动客户端是否有缺点/限制?谢谢你。
性能呢?网络字体会减慢我的页面速度吗?
如果页面使用 Web 字体,则字体文件必须先下载到站点访问者的计算机,然后才能最初显示。字体文件被压缩以加快下载速度。在初始下载之后,它们将被缓存在浏览器中。随着 Google Web Fonts API 的广泛使用,您的访问者在访问您的页面时可能已经在他们的浏览器缓存中拥有您正在使用的字体。
但是,一般来说,您应该注意所服务的字体文件的大小。另请注意,使用 Web 字体可能会导致浏览器发出比其他情况更多的 HTTP 请求。
与使用图像在页面上显示大量文本相比,Web 字体可能会增强页面的性能(以及可维护性和可访问性)。但是,在其他情况下,它们可能会增加页面的整体权重。
作为个人经验,不要在主要内容文本上使用网络字体。
我使用了一种非常小(292 字节)的网络字体,由 Google CDN 托管。字体在正文级别应用于所有文本。
当我实际使用手机查看页面时,我看到没有文字的样式页面,然后必须等待一秒钟才能出现文字。这可能会导致感觉缓慢。
底线是:使用真机测试和感受应用程序。最好不要将网络字体应用于主要内容。