WordPress顯示加載fonts.googleapis.com(將css文件存放至本地)

[重要通告]如您遇疑難雜癥,本站支持知識付費業(yè)務,掃右邊二維碼加博主微信,可節(jié)省您寶貴時間哦!

現(xiàn)在來說fonts.googleapis.com已經很不錯了，現(xiàn)在CDN值都跑的相當可以，放在幾年前那簡直就是悲??；由于google在國內的某某原因，導致wordpress在打開或登陸及管理后臺時，由于加載fonts.googleapis.com使得網站速度變慢。搞的很狼狽，不過現(xiàn)在雖然好了，但不代表一直好，還是備注一下比較好！

顯示加載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 = "http://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文件存放至本地

延伸閱讀：其實還一個鏈接，根據(jù)自己調整吧

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

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

問題未解決？付費解決問題加Q或微信 2589053300 (即Q號又微信號)右上方掃一掃可加博主微信

所寫所說，是心之所感，思之所悟，行之所得；文當無敷衍，落筆求簡潔。 以所舍，求所獲；有所依，方所成！