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