如何在WordPress网站中禁用谷歌字体?

在 WordPress 网站中禁用 Google Fonts(谷歌字体)可以提升网站加载速度、增强隐私保护,并避免因外部资源加载失败导致的显示问题。以下是几种常见的方法,具体取决于你的主题和插件使用情况:


方法一:通过代码禁用(适用于大多数主题)

将以下代码添加到你当前主题的 functions.php 文件中(建议使用子主题,以免更新时丢失修改):

// 移除前端加载的 Google Fonts
function disable_google_fonts() {
    wp_deregister_style('google-fonts');
    wp_dequeue_style('google-fonts');

    // 有些主题可能使用其他句柄名,例如:
    wp_dequeue_style('theme-google-fonts');
    wp_dequeue_style('wp-block-library'); // 如果 Gutenberg 块编辑器加载了字体
}
add_action('wp_enqueue_scripts', 'disable_google_fonts', 20);

注意:不同主题注册 Google Fonts 的样式句柄(handle)名称可能不同,比如 'twentytwentyone-fonts''parent-theme-google-fonts' 等。你可以查看网页源代码中的 <link> 标签,找到对应的 id 属性(如 id="google-fonts-css"),去掉 -css 后缀就是句柄名。


方法二:使用插件禁用

如果你不熟悉代码操作,可以使用专门的插件来禁用 Google Fonts,例如:

  • Disable and Remove Google Fonts
  • Remove Google Fonts References
  • Perfmatters(高级性能优化插件,包含禁用 Google Fonts 选项)
  • Asset CleanUp(可选择性禁用特定 CSS/JS 资源)

安装并激活插件后,通常只需勾选“禁用 Google Fonts”即可生效。


方法三:手动替换或移除主题中的字体引用

  1. 打开你使用的主题文件夹(如 /wp-content/themes/your-theme/)。
  2. 搜索 fonts.googleapis.comGoogle Fonts 相关代码,通常出现在:
    • functions.php
    • header.php
    • style.css
  3. 删除或注释掉相关代码。

⚠️ 强烈建议先备份网站,并使用子主题进行修改,防止主题更新覆盖你的更改。


方法四:使用本地字体替代(进阶)

如果你仍希望保留美观字体但不想依赖 Google,可以:

  1. 下载所需字体(确保有合法授权)。
  2. 使用 @font-facestyle.css 中定义本地字体。
  3. 在 CSS 中将原 Google 字体替换为本地字体族名称。

验证是否成功禁用

  1. 打开你的网站首页。
  2. 右键 → “检查” → 查看 <head> 中是否还有类似以下的链接:<link rel='stylesheet' id='google-fonts-css' href='https://fonts.googleapis.com/...' ...>
  3. 如果没有,则说明已成功禁用。
分享你的喜爱
庄朋龙
庄朋龙

这个人很懒,什么都没有留下~

文章: 70

留下评论