如何解决WordPress一直加载fonts.googleapis.com问题



如何解决WordPress一直加载fonts.googleapis.com问题?

12

最近google的服务抽风了,开始发现打开速度特别慢,以为是VPS出问题,,把一年没关过机的VPS重启了下。结果还是卡。就发现下面一直fonts.googleapis.com加载中,一直加载谷歌的字体,解决方法把字体禁止或换成本地,有的主题的google的jquery库可以换成百度的,详情看月光博客的这篇文章Google https服务被屏蔽

本地替换教程

新建google-font.css 放在\wp-includes\css目录中(附该css文件的内容如下)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
@font-face {
  font-family: ‘Open Sans’;
  font-style: normal;
  font-weight: 300;
  src: local(‘Open Sans Light’), local(‘OpenSans-Light’), url(../fonts/google/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format(‘woff’);
}
@font-face {
  font-family: ‘Open Sans’;
  font-style: normal;
  font-weight: 400;
  src: local(‘Open Sans’), local(‘OpenSans’), url(../fonts/google/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format(‘woff’);
}
@font-face {
  font-family: ‘Open Sans’;
  font-style: normal;
  font-weight: 600;
  src: local(‘Open Sans Semibold’), local(‘OpenSans-Semibold’), url(../fonts/google/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format(‘woff’);
}
@font-face {
  font-family: ‘Open Sans’;
  font-style: italic;
  font-weight: 300;
  src: local(‘Open Sans Light Italic’), local(‘OpenSansLight-Italic’), url(../fonts/google/PRmiXeptR36kaC0GEAetxrsuoFAk0leveMLeqYtnfAY.woff) format(‘woff’);
}
@font-face {
  font-family: ‘Open Sans’;
  font-style: italic;
  font-weight: 400;
  src: local(‘Open Sans Italic’), local(‘OpenSans-Italic’), url(../fonts/google/xjAJXh38I15wypJXxuGMBtIh4imgI8P11RFo6YPCPC0.woff) format(‘woff’);
}
@font-face {
  font-family: ‘Open Sans’;
  font-style: italic;
  font-weight: 600;
  src: local(‘Open Sans Semibold Italic’), local(‘OpenSans-SemiboldItalic’), url(../fonts/google/PRmiXeptR36kaC0GEAetxmWeb5PoA5ztb49yLyUzH1A.woff) format(‘woff’);
}

修改 \wp-includes\script-loader.php 文件,找到

1
$open_sans_font_url = “//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=$subsets”;

替换成

1
$open_sans_font_url = “/wp-includes/css/google-font.css”;

禁止教程

在wp的后台插件里面搜索安装Disable Google Fonts这款插件后启用即可,如果不想安装插件,也可以使用代码版,在主题的functions.php里面加入下面的代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
//禁用Open Sans
class Disable_Google_Fonts {
public function __construct() {
add_filter( ‘gettext_with_context’, array( $this, ‘disable_open_sans’ ), 888, 4 );
}
public function disable_open_sans( $translations, $text, $context, $domain ) {
if ( ‘Open Sans font: on or off’ == $context && ‘on’ == $text ) {
$translations = ‘off’;
}
return $translations;
}
}
$disable_google_fonts = new Disable_Google_Fonts;