Table of Contents
为了提高性能,我们继续专注于进行字体加载调整,并允许您修改 Elementor 加载 Google 字体的默认方式。
字体显示属性定义浏览器如何加载和显示字体文件。您可以使用 Elementor 仪表板设置屏幕中的指定控件选择所需的加载方法。
谷歌字体加载方法选项 #
转到Elementor >设置>高级选项卡并将 Google 字体加载更改为其中一个选项。从下拉菜单中,选择以下加载选项:
- 默认——字体显示策略由浏览器定义。
- 阻塞——隐藏文本直到字体完全加载。
- Swap –使用 fallback-font 显示,直到字体完全加载。
- Fallback –隐藏文本最短时间,只有在几秒钟内加载后才会使用字体。
- 可选——隐藏文本最短时间,除非字体已经完全加载,否则将使用后备字体。
注意:Font Awesome 库加载选项——在 v3.1 中,我们更新了 Font Awesome 库以默认包含 font-display: block 属性,因为 Font Awesome 建议消除渲染阻塞过程的影响。