WordPress移除Google字体

最近发现网站打开速度越来越慢，检查网站的文件发现一个GoogleApis的文件加载速度最大，严重影响网页的打开速度。

https://fonts.googleapis.com/css?family=Muli...

因为国内无法直接访问谷歌，导致该文件加载失败后，才会呈现网页的内容。

移除Google字体

谷歌字体主要存在两个地方，一个是主题-字体中使用Google字体，第二个是在CSS文件中。

1、主题-字体中的Google字体

打开“外观”-“自定义”-“排版”，显示的“通用字体”、“页眉字体”、“内容字体”、“小工具字体”，都可能使用到Google字体。

将字体改为System系统默认字体，例如Verdana。

2、CSS文件中的Google字体

打开网页搜索googleapis，可以看到部分CSS文件也会用到Google字体。

<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link rel="stylesheet" id="bravada-googlefonts-css" href="//fonts.googleapis.com/css?family=+%3A%7CPlayfair+Display%3A%7C+%3A100%2C200%2C300%2C400%2C500%2C600%2C700%2C800%2C900%7CPlayfair+Display%3A700&amp;ver=1.1.1" media="all">

需要在主题的functions.php文件中加入以下代码：

function fjy_disable_google_fonts() {
    wp_dequeue_style( 'bravada-googlefonts' );
    wp_deregister_style( 'bravada-googlefonts' );
}
add_action( 'wp_enqueue_scripts', 'fjy_disable_google_fonts', 999 );

这个代码可以直接取消主题注册的 Google 字体。

注意：wp_dequeue_style和wp_deregister_style对应的是Google字体的handle名字。

例如：

bravada-googlefonts-css // 主题 handle 为 bravada-googlefonts
astra-google-fonts-css  // 主题 handle 为 astra-google-fonts