谷歌字体加载方法

为了提高性能,我们继续专注于进行字体加载调整,并允许您修改 Elementor 加载 Google 字体的默认方式。

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

谷歌字体加载方法选项 #

转到Elementor >设置>高级选项卡,然后将 Google 字体加载更改为选项之一。从下拉菜单中,从以下加载选项中进行选择:

  • 默认 –字体显示策略由浏览器定义。
  • 阻塞 –隐藏文本,直到字体完全加载。
  • 交换 –使用后备字体显示,直到字体完全加载。
  • 后备 –将文本隐藏最短时间,并且仅在几秒钟内加载时才使用字体。
  • 可选 –将文本隐藏最短时间,除非字体已完全加载,否则将使用 fallback-font。

注意:Font Awesome 库加载选项——在 v3.1 中,我们更新了 Font Awesome 库,以默认包含 font-display: block 属性,因为 Font Awesome 建议消除渲染阻塞过程的影响。

Powered by BetterDocs

发表评论

您的电子邮箱地址不会被公开。

Scroll to Top