WordPress 的 Google 字體問題解決辦法

 

在國內訪問的時候，WordPress 裏面引用的 google 字體可能會致使加載速度變得很慢。

要修改的地方有（我使用的版本是 4.0）：

wp-includes 裏面的 script-loader.php 有一行：

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

你使用的主題裏面的引用，以我用的 twentytwelve 主題爲例：

在：wp-content/themes/twentytwelve/functions.php 裏面有一行：

$font_url = add_query_arg( $query_args, "$protocol://fonts.googleapis.com/css" );

把這些裏面的 fonts.googleapis.com 替換成 fonts.useso.com。

 

可是我直接瀏覽器訪問 fonts.useso.com 後發現這個服務是 360 作的。

。。。

若是不想依賴 360 的服務怎麼辦？

 

Update:

如今只要使用 這個工具 能夠直接打包下載字體，生成對應的 css 源碼，放到服務器上便可。

 

個人解決方法是手動下載 .css 和全部其中引用的 woff2 字體文件，而後存在本身的服務器上（但此法的問題是若是你升級了，或者安裝了新主題，就可能會致使字體找不到）。 

具體步驟：

1.首先從代碼獲得全部對 google 字體請求的參數，或者使用瀏覽器的開發者工具監聽對 fonts.googleapis.com 的請求。並組合起來本身用瀏覽器請求一次，獲得一個 css。

好比看到有這兩個：

?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=latin,latin-ext
?family=Open+Sans:400italic,700italic,600italic,400,700&subset=latin,latin-ext

那麼就本身用瀏覽器訪問

https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,300,400,600,700&subset=latin,latin-ext

獲得一個 css 文件，包含了兩處引用都須要的資源。

 

2.使用文本編輯器在裏面搜索出全部字體的靜態連接。

我使用的是 Sublime Text，在裏面進行正則表達式搜索，個人搜索條件是：

https://fonts.gstatic.*?.woff2

把它們複製出來

https://fonts.gstatic.com/s/opensans/v10/K88pR3goAWT7BTt32Z01m5Bw1xU1rKptJj_0jans920.woff2
https://fonts.gstatic.com/s/opensans/v10/RjgO7rYTmqiVp7vzi-Q5UZBw1xU1rKptJj_0jans920.woff2
https://fonts.gstatic.com/s/opensans/v10/ttwNtsRpgsxVmgGGmiUOEpBw1xU1rKptJj_0jans920.woff2

.......

粘貼到下載工具裏面（如迅雷），批量下載。

 

3.字體文件和 css 所有上傳到你本身的服務器。

4.把 css 文件裏面的連接查找替換成在你服務器上的地址。

5.最後把 wordpress 裏面的引用 fonts.googleapis.com 的連接替換成你本身的地址。

完成。