WordPress禁用谷歌字体的方法与注意事项

来自:素雅营销研究院

头像 方知笔记
2025年08月05日 14:21

为什么需要禁用WordPress中的谷歌字体

在中国大陆地区,由于网络环境的特殊性,谷歌服务(包括谷歌字体API)经常无法正常访问。这会导致使用谷歌字体的WordPress网站出现以下问题:

  1. 页面加载速度明显变慢
  2. 字体无法正常显示,影响用户体验
  3. 可能造成页面布局错乱
  4. 增加不必要的HTTP请求

禁用谷歌字体的几种方法

方法一:使用插件禁用

  1. 安装并激活”Disable Google Fonts”插件
  2. 无需额外配置,插件会自动禁用所有谷歌字体请求
  3. 推荐插件:Disable Google Fonts、OMGF | Host Google Fonts Locally

方法二:修改functions.php文件

在主题的functions.php文件中添加以下代码:

function remove_google_fonts() {
wp_dequeue_style('open-sans');
wp_dequeue_style('dashicons');
wp_deregister_style('open-sans');
wp_deregister_style('dashicons');
}
add_action('wp_enqueue_scripts', 'remove_google_fonts', 999);

方法三:替换为国内CDN

将谷歌字体替换为国内可访问的CDN源:

function replace_google_fonts() {
wp_deregister_style('open-sans');
wp_register_style('open-sans', '//fonts.loli.net/css?family=Open+Sans:300italic,400italic,600italic,300,400,600');
wp_enqueue_style('open-sans');
}
add_action('wp_enqueue_scripts', 'replace_google_fonts');

注意事项

  1. 主题兼容性:禁用谷歌字体后,部分主题可能会显示异常,建议先在测试环境操作
  2. 字体替代方案:可以考虑使用系统默认字体或国内CDN托管的中文字体
  3. 缓存问题:修改后请清除浏览器和服务器缓存
  4. 子主题使用:如果使用子主题,请确保在子主题的functions.php中进行修改
  5. 插件更新:使用插件方法时,注意插件更新情况,避免与新版本WordPress冲突

效果验证方法

修改完成后,可以通过以下方式验证是否成功禁用谷歌字体:

  1. 使用浏览器开发者工具检查网络请求
  2. 查看网页源代码,搜索”fonts.googleapis.com”
  3. 使用Pingdom或GTmetrix等网站速度测试工具

通过以上方法,您可以有效解决WordPress网站因谷歌字体导致的加载问题,提升国内用户的访问体验。