[WordPress] 使用 Google Fonts 思源體完全更改主題中的字型

我相信大家都看膩了新細明體了,為了讓使用者觀看自己的部落格的時候可以更舒服更一致,這時候就需要更改 WordPress 的字體了。但如果用傳統的方式來更改的話不僅會讓使用者載入網站時速度變慢還會造成不必要的伺服器負擔,所以當你想要更改 WordPress 整個網站的字體的時候,CSS 就是你最好的幫手,不僅速度快,更改簡單且如果你使用 Google Fonts 的話還不會有版權問題

更改的時候只有使用 “自訂 CSS” 的話會發現有一些佈景主題不會全部更改,只有更改少部分的字體,這時候就要動用到 Theme Editor 進去裡面更改 CSS ,強制讓所有字型都是思源體

第一步

首先到 Google Fonts 尋找你想要套入部落格的字形,雖然 Google Fonts 的繁體中文字形只有兩個,但都是可以商用的,不會有版權問題。確定了之後就可以按右上角的 “+”

這時就會發現右下角有一個小視窗,這是在教你如何使用這個字體。

這就是主要會使用到的程式碼,將這些程式碼複製起來,等一下準備貼到 “附加的 CSS”

@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
body {
	font-family: 'Noto Sans TC', sans-serif;
}

第二步

到 WordPress 的 “自訂” 功能裡面,點選 “附加的 CSS”

就可以直接把剛剛從 Google Fonts 那邊複製好的程式碼貼到這邊來,直接按發佈

基本上大多數的佈景主題到這個步驟都可以完成更改所有的字型了,但有一些佈景主題裡面有內建一些字體,這時候就會與剛剛設定的相衝突,這樣效果有時候就出不來,這時就需要強制全部更改所有 CSS 屬性 “font-family”

第三步-更改 font-family

這邊我比較習慣 Theme Editor 這個外掛,如果有需要也可以去安裝。
為了要讓所有字形都變成思源體,這時要找到所有的 “.css” 檔,把 font-family 屬性改成 Noto Sans TC

這邊推薦運用 “CTRL+F” 快速鍵,就可以快速去尋找 “font-family” 屬性。當然這邊可以依照你想要顯示哪一種字形就去該改屬性,如果你想要都變成思源體的話可以直接變成 “Noto Sans TC”,改完之後就可以按下 “Update File” 就可以發現完成更改囉

有話大聲說!