使用Astra主题的朋友,在优化网站速度的时候,可能会发现主题默认会加载一个Astra.woff的字体。这个Astra.woff是主题默认自带的字体,包含了一些常用的图标。如下所示:
这个字体会使用到以下这些地方:
右上角菜单最后一位搜索按钮,菜单的下拉图标,移动端的菜单按钮。
所以正常情况下我们不能禁用这个字体文件。
如果你确实没有用到这个字体,那么可以使用下面的命令禁用。
在函数文件里面添加以下代码
add_filter( ‘astra_enable_default_fonts’, ‘__return_false’ );
astra.woff 是什么文件?
astra.woff 是 Astra 主题为了保证搜索图标、菜单汉堡按钮、购物车小图标在各终端统一显示而内置的专用矢量图标字体文件。
为什么性能优化玩家希望禁用它?
- 阻塞关键渲染路径:在网络测速(如 Google PageSpeed Insights)时,加载未预载的外部字体会造成 FOIT(不可见文本闪烁)或增加一次网络往返耗时;
- 现代 SVG 具有更高性能:现代主流网站更倾向于使用纯内联 SVG 图标代替整个字体包,体积更小且无跨域渲染问题。
官方禁用与 SVG 替换方案
进入后台 【外观】→【自定义】→【性能】(Performance),开启 “使用内联 SVG 代替字体图标”(Load Font Awesome / Astra Icons as inline SVG),系统将自动彻底停止向客户端请求 astra.woff 字体文件,显著降低首屏 HTTP 请求数。
