wordpress Elementor中加载 Google Fonts怎么设置

加速器,跨境电商必备

wordpress Elementor中加载 Google Fonts怎么设置

Elementor的“设置”项中,关于加载谷歌字体的几种方式,主要是针对不同的需求场景,为用户提供性能优化的匹配解决方案。

CSS3的Font-display属性定义了浏览器加载和显示字体文件的方式。你可以使用 Elementor 仪表板设置中的指定控件选择你希望的加载方式。

关于谷歌字体加载方法选项的具体解释

Default – 字体显示策略,由浏览器的默认设置来决定。意思是“我不想操心字体是怎么加载的,用户的浏览器怎么预设的就怎么来”。这是一种偷懒的办法,适合于用户群体的网络通常都比较稳定、访问谷歌字体没什么门槛的情况,比如如果用户群体在欧美的,其实用这类选项就可以。但显然不太适合中国国情。

Blocking – 隐藏文本,直到字体完全加载完毕。意思是“在指定字体加载完毕前,不显示任何文字”。这同样对于用户群体的网络稳定性要求较高,且作为开发方希望给用户比较统一的页面加载体验。显然也不太适合中国国情。

Swap – 默认显示备用字体,直到指定字体完全加载完毕才显示为指定字体。备用字体一般指的是本地浏览器的默认字体,但如果指定了备用字体的话,则会显示备用字体,此时对于备用字体的加载速度也有一定要求。例如国内Windows系统下,火狐采用的是微软雅黑,而Google Chrome则不一定。这种方式能带给用户“页面内容好像加载很快”的错觉体验,在国内网络环境加载Google字体较慢的情况下,会相对适用一些,但具体速度取决于备用字体是否能快速加载出来(备用字体最好是本地字体)。

Fallback – 页面加载时,在一个最小的时间段(由Elementor指定的)内隐藏文本,只有在几秒钟内加载时才会使用该字体。这种策略更适合网络情况较差的用户群体。页面加载时,首先会不显示任何文本,如果超出这个“最小时间段”,仍会显示默认字体。

Optional – 在一个最小的时间段(由Elementor指定的)内隐藏文本,并将使用备用字体,除非指定字体已经完全加载。跟Fallback策略相似,只是在超出最小时间段后,优先采用的是备用字体。

总结

从上述5个选项看,适合国内用户群体的选项设置,应该是Fallback,除非你觉得Windows的微软雅黑和Mac OS的苹黑体差异较大,你希望给用户统一的页面样式体验,那么需要指定备用字体,然后选择Optional选项。

个人建议采用Fallback就够用了。

版权声明:大卖家 发表于 9 July 2022 6:39 pm。
转载请注明:wordpress Elementor中加载 Google Fonts怎么设置 | 大卖家

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...