关于禁止woocommerce加载字体
喜欢手动给网站加速的小伙伴,不知道有没有注意到这个细节。
当你本地托管字体时会发现,wooocommerce会悄悄地加载它自带的字体。
字体文件名:Inter-VariableFont_slnt,wght.woff2
字体路径:/wp-content/plugins/woocommerce/assets/fonts/Inter-VariableFont_slnt,wght.woff2.
当你把woocommerce插件禁用了后,网站会切换回我自己上传的字体,重新开启插件后,又会覆盖掉我的字体,讲道理这点还是挺烦的。
这个字体文件挺大挺重的,有300多个KB,感觉严重拖慢了我的网站速度。理想的字体文件大小应该在100KB左右或者以下。为了网站的简洁轻快,必须得把它禁止。
我咨询了颜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;
}
点击保存后,再清除缓存,打开无痕浏览,看检查,已经切回了我本地托管的字体。
再用gtmetrix测速: