谷歌字体加载方法

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

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

谷歌字体加载方法选项 #

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

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

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

Powered by BetterDocs

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top