WordPress显示加载fonts.googleapis.com(将css文件存放至本地)

[重要通告]如您遇疑难杂症,本站支持知识付费业务,扫右边二维码加博主微信,可节省您宝贵时间哦!

现在来说fonts.googleapis.com已经很不错了，现在CDN值都跑的相当可以，放在几年前那简直就是悲剧；由于google在国内的某某原因，导致wordpress在打开或登陆及管理后台时，由于加载fonts.googleapis.com使得网站速度变慢。搞的很狼狈，不过现在虽然好了，但不代表一直好，还是备注一下比较好！

显示加载fonts.googleapis.com解决方法：

1.将css文件存放至本地；

2.使用插件禁止google-font.css加载；

将css文件存放至本地化：(googleapis本地化)

新建google-font.css 放在\wp-includes\css目录中

@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 文件，找到

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

替换为

$open_sans_font_url = "/wp-includes/css/google-font.css";

使用插件：

搜索安装Disable Google Fonts这款插件后启用即可。

css文件下载地址：  fonts_css文件存放至本地

延伸阅读：其实还一个链接，根据自己调整吧

$fonts_url = 'https://fonts.googleapis.com/css?family=' . urlencode( $font_family )

https://github.com/WPTT/webfont-loader

问题未解决？付费解决问题加Q或微信 2589053300 (即Q号又微信号)右上方扫一扫可加博主微信

所写所说，是心之所感，思之所悟，行之所得；文当无敷衍，落笔求简洁。 以所舍，求所获；有所依，方所成！