怎麼把網站字體設定成「思源黑體」或「思源宋體」?

超快速,只要5步驟直接換字體!

這篇所有Google Fonts都適用,不管你的佈景主題有沒有含選字形的功能,用這個方法都可以。

不懂CSS沒關係,語法都附給你了。

這是簡化過的方法,整個網站都用同個字形時,這招非常好用!

溫馨提示:如果你使用的佈景主題是「Astra」或「Phlox」,在自訂裡面想辦法找到「Typography」,在裡面直接選思源黑體「Noto Sans TC」或思源宋體「Noto Serif TC」就好囉!

STEP 1

Google Fonts去挑選你想要的字形。

今天我們選的「思源黑體」是「Noto Sans TC」,而「思源宋體」是「Noto Serif TC」,選你想要的按紅色加號。

STEP 2

按下紅色加號後,網頁最下面會付出一行「1 Family Selected」,意思是你選了多少字體。

點開它。

STEP 3

然後按裡面的「@IMPORT」,這裡語法看不懂沒關係,重點是如何正確地複製貼上。

確定選到「@IMPORT」之後,留著這個視窗,待會準備要複製我這張圖裡表示的地方。

STEP 4

之後打開你的WordPress網站,登入後點在左上角的「自訂」>「附加的CSS」

STEP 5

進到「附加自訂的CSS」畫面後,在左邊的空白處貼上(剛剛你複製的)第一行:

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC');

然後把第二行加工一下,改成:

*{
font-family: 'Noto Sans TC';
}

然後按「發表」就大功告成啦!


常見問題

Q. 我照著設定了,但是畫面都沒有變動?

可能是因為你的佈景主題有指定字形,它的權限比你剛剛指定的CSS還要高,網頁就會顯示主題的字形。

把語法替換成下面有加「!important」的版本,可以讓你選的字形權限更高一點。

*{
font-family: 'Noto Sans TC'!important;
}

如果這樣指定之後還是不行,那就表示佈景主題作者有分別指定字形,比如標題是A字形、側欄標題是B字形之類的,這種可能就要求助懂CSS語法的人了。


Q.我是用justfont,也可以用一樣的做法嗎?

類似,但不太一樣。

justfont官方其實有教學,但對一般使用者來說不好懂,我想那教學應該是給有基礎的網管人員看的。

在那邊教學裡示範的WordPress版本也較舊,不是很建議用他們提供的WordPress方法,在「主題編輯器」裡改壞可能會整個網頁外觀跑掉。

比較安全的方法是:在WordPress安裝「Insert Headers and Footers」,然後把它給你的語法放在裡面「Header」的地方。

然後再使用它們 Step 2 給你的語法貼在「自訂」>「附加的CSS」裡。

近期熱銷

如果你喜歡這篇文章,請幫我按5下拍手,用行動贊助我,讓我得到一些LikeCoin換錢錢吧!謝謝你啦~