免费《新手做网站视频教程》,在线观看,如果你想从零开始自己做网站,点击开始吧!

Elementor设置中几种Google Fonts加载方法的解释

  1. 首页
  2. »
  3. 图文教程
  4. »
  5. WordPress建站教程
  6. »
  7. Elementor设置中几种Google Fonts加载方法的解释

文章目录

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

我们可以在 Elementor 设置中的指定控件选择希望的加载方式。

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

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

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

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

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

总结

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

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

推荐阅读

联系我