Google Fonts是网络上领先的开源字体托管商，拥有数百种字体系列可供包含在网页中或下载。

在 WordPress 中禁用 Google 字体：选项 1

基于：WooStroid 测试。

首先，我们需要找到可以从 Google 中提取的字体。如果我们不知道字体名称，那么我们就通过我们的网站寻找。

在 Chrome 中按热键F12，在打开的DevTools中，找到Network选项卡。在 filter 区域添加CSS并刷新页面。在Domain一栏中，我们可以看到来自 fonts.googleapis.com 的内容。

您还可以浏览页面以查看标题和文本。

我们看到Roboto Condensed、Bebas Neue和Questrial被使用。

1. 前往https://fonts.google.com/并搜索Roboto Condensed（对所有其他字体也执行相同操作）。下载。

2.然后需要将下载的字体转换为WOFF格式https://cloudconvert.com/ttf-to-woff。

3. 在安装的根目录中创建一个字体文件夹。

4. 将包含我们（转换后的）字体的文件夹添加到其中。例如Roboto_Condensed。

5. 接下来，我们创建字体的 CSS。

您需要小心并为所有字体选项设置正确的路径。Google 上的字体页面会为您提供帮助。

6. 将准备好的CSS放入自定义 -> 附加 CSS。

7.并将此代码添加到functions.php文件中。

/**
* Remove loading gfonts
*/
add_filter( 'style_loader_src', function( $href ) {
if( strpos( $href , "//fonts.googleapis.com/" ) === false ) {
return $href;
}
return false;
});
// Remove dns-prefetch for fonts.googleapis
add_filter( 'wp_resource_hints', function( $urls ) {
foreach ($urls as $key => $url) {
if ( 'fonts.googleapis.com' === $url ) {
unset( $urls[ $key ] );
}
}
return $urls;
} );

如何在WordPress选项生成器中禁用Google字体

同样，我们寻找需要本地化的字体，然后转到google-webfonts-helper。

正在寻找Roboto Condensed字体。

1. 选择所需的字体选项。

2.写入需要的路径。

3. 在自定义 -> 附加 CSS部分添加生成的 CSS。

4. 下载档案并将字体解压到适当的文件夹中。

5.将代码添加到functions.php文件中。

/**
* Remove loading gfonts
*/
add_filter( 'style_loader_src', function( $href ) {
if( strpos( $href , "//fonts.googleapis.com/" ) === false ) {
return $href;
}
return false;
});
// Remove dns-prefetch for fonts.googleapis
add_filter( 'wp_resource_hints', function( $urls ) {
foreach ($urls as $key => $url) {
if ( 'fonts.googleapis.com' === $url ) {
unset( $urls[ $key ] );
}
}
return $urls;
} );

在DevTools中完成所有操作后，域中应该不再有fonts.googleapis.com，并且网站本身也不应该有折叠字体。

在许多情况下，WordPress 主题和插件可能具有内置代码，可以自动加载 Google 字体，即使您不想要或不需要它们。

在本文中，我们将研究如何从您的网站中彻底删除 Google 字体。

检查您的网站

首先，您需要确认您的网站正在从 Google 加载字体，您可以通过将您的网站输入Google 字体检查器来完成此操作：

如您所见，对 Google 拥有的域名有多个请求。

fonts.googleapis.com指的是 CSS 样式表。
fonts.gstatic.com指的是字体文件。

一旦您实施了本文中的步骤，您可以再次运行测试以检查没有请求。

字体插件专业版

我们的高级插件Fonts Plugin Pro允许您只需单击按钮即可删除所有 Google 字体引用。

要使用 Fonts Plugin Pro 删除 Google 字体，请导航至wp-admin → 自定义 → 字体插件 → 优化。

启用“删除外部字体”复选框并按“发布”以保存您的更改。

本地托管 Google 字体

在许多情况下，字体是您网站设计不可或缺的一部分，您不会想完全删除它们。Fonts Plugin Pro 允许您保留字体，但删除对 Google API 的引用。

这是通过在您自己的服务器上托管字体文件来实现的，并且只需使用Fonts Plugin Pro只需单击几下即可实现。

首先，启用“本地托管 Google 字体”和“删除外部字体”设置。

接下来，导航到wp-admin → 自定义 → 字体插件 → 高级设置 → 仅加载字体并添加您想要在本地托管的字体。

按“发布”保存您的更改。

⭐️ 使用免费插件

如果您只是想从您的网站中删除所有 Google 字体的痕迹，那么有一个插件可以做到这一点：

只需激活插件，它就会删除对 Google 字体的所有请求。无需配置或设置页面。

即使没有 Google 字体，您网站上的文本仍会显示。浏览器非常智能，可以回退到系统字体。

从 YouTube 视频嵌入中删除 Google 字体

YouTube 视频是第三方资源，这意味着当它们被添加到您的网站时，无法控制它们生成的输出。YouTube 使用 Roboto 字体设计，因此您的网站会向 Google 字体 API (fonts.gstatic.com) 发出请求。

如果不删除 YouTube 视频，则无法删除字体请求。如果视频是您的网站不可或缺的一部分，并且您不想删除它，那么您可以考虑使用其他视频平台（例如Vimeo）甚至自行托管视频。

另一个很棒的选择是WP YouTube Lyte插件。正确配置后，它会自动用托管在您域上的静态缩略图替换嵌入的 YouTube 视频。只有当用户点击视频播放后，才会初始化与 YouTube 的连接。

从 Google 地图中删除 Google 字体

Google 地图是第三方资源，这意味着当它们被添加到您的网站时，无法控制它们生成的输出。Google 地图使用 Roboto 字体设计，因此您的网站会向 Google 字体 API (fonts.gstatic.com) 发出请求。

如果不移除地图，则无法移除字体请求。如果地图是网站不可或缺的一部分，而您又不想移除它，那么您可以考虑用静态图像代替它。或者，您可以使用 Open Street Maps 等替代服务。

从 ReCaptcha 中删除 Google 字体

ReCaptcha 是一种反垃圾邮件技术，通常与 WordPress 联系表单插件结合使用。ReCaptcha 是一种第三方资源，这意味着当它添加到您的网站时，无法控制其输出。ReCaptcha 使用 Roboto 字体设计，因此您的网站会向 Google 字体 API (fonts.gstatic.com) 发出请求。

如果不删除 ReCaptcha 服务，则无法删除字体请求。但是，还有其他不需要连接到第三方的反垃圾邮件工具。例如，WP Armour：

从 Elementor 中删除 Google 字体

Elementor 没有内置控件来删除其加载的 Google 字体。但是，我们进行了测试，并可以确认“禁用和删除 Google 字体”插件成功从 Elementor 和 Elementor Pro 插件中删除了所有字体引用。

从 WPBakery (Visual Composer) 中删除 Google 字体

WPBakery 没有内置控件来删除其加载的 Google 字体。但是，我们进行了测试，并可以确认“禁用和删除 Google 字体”插件成功从 WPBakery 插件中删除了所有字体引用。

从 Slider Revolution 中删除 Google 字体

Slider Revolution 具有内置控件，可托管其在本地加载的字体，或将其完全删除。导航至wp-admin → Revolution Slider → 概述。

单击“全局”，然后在“字体”部分下，将“启用 Google 字体下载”设置更改为“本地缓存字体”或“禁用，自行加载”。

在 Avada 主题中禁用 Google 字体

Avada 隐私设置

Avada 内置了用于本地托管字体的控件，但没有用于完全删除 Google 字体的控件。不过，我们进行了测试，可以确认“禁用和删除 Google 字体”插件成功从 Avada 中删除了所有字体引用。

注意：如果启用了“本地”设置，则禁用和删除 Google 字体插件将不会删除 Avada 中的字体。

在 JupiterX 主题中禁用 Google 字体

artbees 的 JupiterX 主题使用独特的方法添加 Google 字体，因此上述方法无法禁用字体。您需要执行以下操作：

• 导航到你的 wp-admin 区域
• 将鼠标悬停在“Jupiter X”标签上
• 点击“设置”链接
• 将“Google 和 Adob​​e 字体”下拉菜单更改为“禁用”
• 点击“保存设置”

在 Divi 主题中禁用 Google 字体

Divi 主题有几种不同的方式加载 Google 字体，但幸运的是，它们都可以轻松禁用。

• 导航到你的 wp-admin 区域
• 将鼠标悬停在“Divi”标签上
• 点击“主题选项”链接
• 将“使用 Google 字体”开关更改为“关闭”
• 点击“保存设置”

手动禁用 Google 字体

如果您愿意在您的网站中添加自定义代码，还有另一种方法可以禁用 Google 字体。

第二种方法的好处是，您可以单独禁用字体请求，而不是一次性禁用所有字体请求。如果您确实想保留某些字体，这种方法非常有用。

首先，查看你的网站源代码并搜索代码 ` fonts.google.com。你应该找到一行或多行类似这样的代码：

<link rel='stylesheet' id='google-fonts-roboto-css'  href='https://fonts.googleapis.com/css?family=Roboto' type='text/css' media='all' />

google-fonts-roboto-css在这种情况下，重要的部分是 ID 。

获得 ID 后，您可以将此代码添加到主题（或子主题）的 functions.php 文件中：

function remove_google_fonts_stylesheet() {  
wp_dequeue_style( 'google-fonts-roboto' );
}
add_action( 'wp_enqueue_scripts', 'remove_google_fonts_stylesheet', 999 );

请注意，您需要-css从 ID 中删除，否则这将不起作用。

结论

在本文中，我们研究了如何完全或单独禁用 Google 字体。

要了解您当前的版本是什么，您必须选择：

选项 1：检查主题面板

您可以在主主题面板中轻松查看您的主题版本。

选项 2：在外观 > 主题下检查

转到外观 > 主题找到总主题，然后单击它以查看版本号。

通过主题更新

每当您更新 Total 主题时，如果 Visual Composer 有更新，它将在您的 WordPress 仪表板中显示为可用更新以及“推荐插件”列表中。

手动更新

您始终可以手动更新插件。插件 zip 文件可以位于 Total/framework/plugins/revslider.zip 的主题内，您可以在 wp-content/plugins/ 处通过 FTP 手动提取并替换所有文件

第 1 步：更新您的主题

由于许可如何与捆绑插件一起使用，如此处文档中所述，更新主题时会提供WPBakery 页面构建器更新。因此，更新插件之前的第一步当然是确保您的主题已更新。在此处查看主题更改日志。如果您想获得 WPBakery 插件的自动更新通知（在主题更新范围之外），您必须购买该插件，然后按照以下步骤操作。

第 2 步：更新插件

更新插件非常简单，只需转到主题 > 安装插件并检查要更新的项目。请参阅下面的视频指南进行视觉演示：

通过此方法更新不起作用（更新包不可用）！

首先尝试进入Appearance > Install Plugins，刷新页面并重试。

如果这不起作用，请尝试禁用（或删除）插件，使其不活动。这将确保插件的自动更新功能没有任何问题（不应该是这种情况，但如果您遇到错误，则值得测试）。禁用后，请尝试在仪表板中重新运行自动更新。

如果您仍然收到更新包不可用的错误消息，可能只是因为您的服务器权限设置为严格，您需要更改服务器设置或通过 FTP 更新插件。从 ThemeForest 下载完整的产品 zip 文件时，您总是可以在插件文件夹中找到最新版本的插件，它被称为 js_composer.zip

WPEngine 用户： 如果您收到“更新包不可用”警告，请转到 WPEngine 仪表板并单击按钮以重置您的文件权限。这应该可以解决问题。

“自动”更新呢？

如果您不明白为什么不包含自动更新，请阅读此文档页面上的许可部分。

要在 WPBakery 插件中启用自动更新，您必须购买该插件，然后禁用本指南中提到的主题选项。

• 更新前
• 如何更新
• 更新后

更新前

在更新您的主题之前，请确保 WordPress 是最新的，并确保您有最近的网站备份。Total 主题利用 WordPress 中提供的新功能来保持优化和更新，因此更新 WP 也很重要。您也可以在更新主题后执行此操作，重要的是它是最新的。而且您应该始终备份您的站点，以防万一出现问题，您可以在寻求支持时快速恢复。

额外的预防措施（对于谨慎的用户或从极旧版本更新时）

如果您想采取额外的预防措施以确保一切尽可能顺利，您可以采取一些额外的预防措施。如果您从一个非常旧的主题版本进行更新，通常建议使用这些 – 有时客户不会更新超过 5 年，然后在更新时遇到一些问题，因此这些步骤可以提供帮助（我们建议保持主题更新至虽然日期，这将防止几乎所有的头痛）。

• 停用所有插件
• 切换到默认的 WP 主题
• 更新 WordPress
• 将您的 PHP 版本更新到服务器上可用的最新版本
• 暂时启用WP_Debug 通知
• 更新主题
• 重新启用主题
• 更新所有插件
• 一个一个重新启用插件，以防出现任何问题
• 如果您没有任何问题，请禁用 WP_Debug 通知

如何更新您的主题

更新主题非常容易，您可以选择 3 个选项，请看下面：

选项 1：经过验证的许可证更新（总计 4.5+）

更新主题的最简单和最好的方法是通过 WordPress 仪表板中的主题许可证面板验证您的主题。验证后，只要有更新可供下载，您就会在仪表板中收到通知。此功能是在 Total 4.5 版中引入的，因此如果您当前使用的是旧版本，请使用下面提到的其他方法之一。

找到您的许可证：

您只需单击 Total ThemeForest 项目页面上的“支持”选项卡即可找到您的许可证，您可以在此处访问。在底部，您应该会看到所有购买代码的列表。您还可以登录我们的支持站点 ，在其中查看和管理您的所有许可证。

输入您的许可证：

现在您已经找到您的许可证，只需将其复制并粘贴到位于主题面板 > 主题许可证下的 WordPress 仪表板中的字段中

选项 2：通过重新安装手动覆盖 (WP 5.5+)

从 WordPress 5.5 开始，您现在可以重新安装主题，它会提示您覆盖活动主题。因此，您总是通过“下载”页面从 ThemeForest 重新下载主题，然后转到外观 > 主题 > 添加新并上传 Total.zip 文件夹。上传后，单击以覆盖父级，您就可以开始了。您基本上将遵循与安装主题时相同的步骤。

选项 3：通过 Envato Market 插件更新仪表板

Envato 发布了一个名为 Envato Market的插件 ，可用于管理您通过 WordPress 仪表板从 ThemeForest 和 Codecanyon 购买的所有主题和插件。这个项目处于测试阶段，设置起来有点复杂，但如果你想试一试，你可以！

查看完整指南

更新后

完成主题更新后，还请执行以下步骤：

1.清除您的站点和浏览器缓存

更新主题后，您必须清除所有站点和浏览器缓存以防止错误（更新任何主题或插件时都应该这样做）。因此，在了解如何更新主题之前，了解如何清除缓存非常重要。请阅读或收藏下面的链接，以便您知道如何在更新后执行此操作。

1. 清除站点缓存
2. 清除浏览器缓存

2. 更新捆绑插件

更新主题后，请确保更新捆绑的插件，包括 WPBakery 页面构建器插件、Slider Revolution 和 Total Theme Core。请参阅更新主题推荐插件的指南。如果您更新主题而不是捆绑的插件，您可能会遇到问题。但请注意，并不总是需要更新，您会在仪表板中收到通知，并且如果需要，可以在外观 > 安装插件下访问需要更新的插件。

不幸的是，W3 Total Cache 插件的 CSS 缩小/组合功能存在相当大的问题。即使文件具有媒体属性，该插件也会合并文件，这意味着如果您的主题或插件正在加载特定屏幕尺寸的 CSS 文件，它们将始终被合并和加载，从而导致问题。

Total 主题使用 2 个单独的 CSS 文件来处理自定义断点选项，因此桌面视图有一个文件，移动视图有一个单独的文件。这是处理自定义断点的高度优化方式，并允许主题在不同的断点处进行自定义，而无需复制或覆盖 CSS。

现在，如果您使用启用了 CSS 缩小功能的 W3 Total Cache 插件，他们的插件未正确编码以排除这些文件，因此它们将与所有其他 CSS 组合并破坏您的站点布局。您最终可能会在桌面上看到一个隐藏菜单和可见的移动菜单，而不是所需的布局。

怎么修？

最好的解决方法可能是简单地禁用 CSS 缩小功能：

或者，您可以通过“从不缩小以下 CSS 文件”字段排除文件：

在该字段中输入 2 个相关文件：

• wp-content/themes/Total/assets/css/wpex-mobile-menu-breakpoint-max.css
• wp-content/themes/Total/assets/css/wpex-mobile-menu-breakpoint-min.css

了解插件许可证

它在ThemeForest上的工作方式是当插件与 WordPress 主题免费捆绑时，您可以免费使用该插件而不会出现任何问题，但是，如果您想要插件开发人员的自动更新和支持，您需要单独购买（这是 100% 可选的）。一些插件包含一个字段，用于输入插件的“购买”代码。由于您购买了捆绑产品，因此您没有该插件的购买代码，因此您无法在此字段中输入任何内容。 更新主题本身时会提供对插件的更新。请继续阅读下文，了解如何更新您的捆绑插件。

主题支持的插件版本

插件会根据主题本身进行相应更新。每当更新插件时，我们将使用 Total 主题亲自测试该插件，以确保没有任何问题或错误，如果一切正常，我们将更新主题并包含该插件更新。

您可以查看主题更改日志并查看主题当前支持的插件版本。

查看变更日志

更新你的插件

由于每当您更新主题时，主题都会包含插件更新，如果插件需要更新，您将在站点顶部看到更新插件的通知，如下所示：

您还可以转到外观> 安装插件并从那里更新捆绑的插件，如下所示：

视频指南：

重要的 WP 多站点通知

如果您使用激活了 Total 主题网络的 WordPress 多站点，请务必按照通过主站点而不是网络管理仪表板更新插件的步骤进行操作。网络管理仪表板在技术上没有安装 Total 主题，因此它无法正确处理插件更新。

1.打开有问题的页面/帖子，然后点击“经典模式”

浏览到您遇到问题的页面或帖子，然后单击“经典模式”按钮。

2.点击文本模式并复制所有代码

接下来单击“文本”模式（这可以确保您复制所有代码，而不仅仅是页面代码的视觉显示）。

3. 访问任何在线代码共享站点粘贴代码

我们推荐使用https://gist.github.com/来共享代码，但是这个站点确实需要一个帐户（它是免费的）。如果您没有 gist 帐户并且不想创建一个，您可以使用CodePile，它也是免费的，但不需要帐户。

4. 发送片段的 URL

现在您的代码已在线存储在某处，只需与我们分享链接，以便我们获取并在本地试用。谢谢！