写文章
煤煤
2024-11-13 10:15

关于禁止woocommerce加载字体

喜欢手动给网站加速的小伙伴,不知道有没有注意到这个细节。

当你本地托管字体时会发现,wooocommerce会悄悄地加载它自带的字体。

字体文件名:Inter-VariableFont_slnt,wght.woff2
字体路径:/wp-content/plugins/woocommerce/assets/fonts/Inter-VariableFont_slnt,wght.woff2.

当你把woocommerce插件禁用了后,网站会切换回我自己上传的字体,重新开启插件后,又会覆盖掉我的字体,讲道理这点还是挺烦的。

这个字体文件挺大挺重的,有300多个KB,感觉严重拖慢了我的网站速度。理想的字体文件大小应该在100KB左右或者以下。为了网站的简洁轻快,必须得把它禁止。

editor_bg.png

我咨询了颜sir,他说他也没有处理过这么细碎的细节,让我问下AI试试。

这个问题最后找到办法解决了,分享在这里,给后面的小伙伴提供些思路。

找到wordpress—外观—主题文件编辑器—模板函数(functions.php)

在最下面的空白处,粘贴代码:
add_filter( 'wp_theme_json_data_theme', 'disable_inter_font', 100 );
function disable_inter_font( $theme_json ) {
$theme_data = $theme_json->get_data();
$font_data = $theme_data['settings']['typography']['fontFamilies']['theme'] ?? array();

// The font name to be removed
$font_name = 'Inter';

// Check if 'Inter' font exists
foreach ( $font_data as $font_key => $font ) {
if ( isset( $font['name'] ) && $font['name'] === $font_name ) {
// Remove the font
unset($font_data[$font_key]);
// Update font data
$theme_json->update_with( array(
'version' => 1,
'settings' => array(
'typography' => array(
'fontFamilies' => array(
'theme' => $font_data,
),
),
),
) );
break;
}
}
return $theme_json;
}
点击保存后,再清除缓存,打开无痕浏览,看检查,已经切回了我本地托管的字体。


editor_bg.png

再用gtmetrix测速:

editor_bg.png

@颜sir说 @阿拉蕾小编

点赞
举报
收藏
转发
0/500
添加表情
评论
3天2夜学会建站

煤煤

外贸新人,学习进步中

向TA提问
置顶时间 :

设置帖子类型

普通
新闻
活动
修改

圈内转发

0/104

分享至微信

复制链接

举报

请选择举报理由

留联系方式
垃圾广告
人身攻击
侵权抄袭
违法信息
举报

确认要删除自己的评论吗?

取消 确定

确认要删除自己的文章吗?

取消 确定
提问
设置提问积分
当前可用积分:
-
+
20
50
100
200
偷看

积分偷看

10积分
我的积分(可用积分)
确认偷看

问题已关注

答主回复后,系统将通知你

不再提示