你是否想把你的WordPress主題上的字體換成其它的字體?
你的網站文本字體在你的網站設計和品牌識別中起著重要作用。 它可以提高你的內容的可讀性,並使你的網站看起來現代和專業。
在這篇文章中,我們將告訴你如何用5種不同的方法來改變WordPress的字體,這樣你就可以用無代碼的方法輕鬆地改變字體,或者不使用任何外掛程式來改變WordPress字體。
為什麼要在你的WordPress網站上改變字體?
字體是你的網站設計的一個重要部分,對你的WordPress網站的外觀和感覺有很大的影響。
如果你的網站有一個難以閱讀的字體,那麼就很難留住訪客,他們最終會放棄你的網站。
一種字體還可以顯示你的品牌形象。 例如,你可以使用特定的字體來使你的網站看起來更專業,或者更隨意。
WordPress主題為你的網站提供了一個預設的字體、字體大小和字體顏色。 然而,你可能想把預設字體改為不同的字體。
在WordPress中,有幾種改變字體的方法。
在WordPress主題定製器中改變字體
改變你網站字體的一個簡單方法是進入WordPress主題定製器。 它允許你改變你的網站的外觀,並顯示一個即時預覽。
- 注意:如果你的定製器功能表選項不見了,那麼你的主題很可能啟用了全站編輯,你需要使用不同的方法或切換主題。
在本教程中,我們將使用Astra主題。 然而,這些選項將根據你使用的WordPress主題而改變。 根據你的主題,你要在自定義器中尋找 「字體 」或「排版」 選項。
首先,你可以從你的WordPress儀錶板上前往外觀 “ 自定義。
這將啟動WordPress主題定製器。
Astra主題有一個 「全域 」部分,有一些選項可以改變全站的風格。 要改變整個網站的字體,你可以從左邊的功能表中點擊 「全域」選項。
在下一個螢幕上,你會看到排版、顏色、容器和按鈕等選項。
繼續前進,點擊 「排版 」選項。
從這裡,你可以在 「預設 」部分選擇不同的字體。
這些是主題提供的預設字體,選擇一個預設將改變你整個網站的字體。
除此之外,你還可以為你的主題上的個別元素改變字體。
例如,你可以為正文和標題使用不同的字體。 甚至還可以選擇為每個標題級別使用單獨的字體。
要開始,只需從 「Font Family 」下拉功能表中為任何個別元素選擇一種字體。
除此之外,還有更多的選項可以改變字體大小、重量、選擇變體等等。
當你完成後,別忘了點擊 「發佈 」按鈕。
現在你可以訪問你的網站,看到新的字體。 例如,在我們的演示網站上,我們將正文字體改為Roboto,標題字體改為Helvetica。
值得注意的是,不是所有的WordPress主題都會提供Astra所提供的相同功能和定製。 如果你的主題不提供這些,那麼繼續閱讀下一步。
在WordPress全站編輯器中改變字體
如果你使用的是一個基於塊的WordPress主題,如Twenty Twenty-Two,那麼你可以使用全站編輯器(FSE)來改變你網站的字體。
全站編輯器允許你使用塊來定製你的WordPress主題,就像使用WordPress內容編輯器編輯文章或頁面時一樣。 然而,FSE目前還處於測試階段,只有少數幾個主題支援它。
在本教程中,我們將使用Twenty Twenty-Two主題。
要開始使用,你可以從WordPress管理面板上的Appearance » Editor。
這將打開你的WordPress主題的全站編輯器。
接下來,你可以點擊右上角的樣式圖示,然後點擊 「Typography 」選項。
之後,你可以選擇文本和鏈接等元素來改變它們的排版。
我們將選擇文本作為元素,然後點擊 「Font Family」下拉功能表來改變其字體。
當你完成後,只需點擊 「保存 」按鈕。
你已經成功地用全站編輯器改變了字體。 你也可以向你的WordPress網站添加自定義字體,然後在全站編輯器中改變它們。
使用WordPress外掛程式改變WordPress字體
另一種改變WordPress字體的方法是使用一個WordPress外掛程式,如Easy Google Fonts。
這是一個免費的WordPress排版外掛程式,可以讓你在你的網站上添加超過600種谷歌字體和不同的字體變體。
首先,你需要安裝和啟動Easy Google Fonts外掛程式。
啟動後,你會在你的WordPress儀錶板上看到Easy Google Fonts的歡迎介面。 你可以向下滾動並點擊 「轉到設置→Easy Google Fonts」按鈕。
在下一個螢幕上,你會看到不同的外掛程式設置。
繼續點擊頂部的 「用即時預覽管理 」 按鈕。
這將打開WordPress主題定製器,你將進入 「排版」標籤。
訪問該外掛程式添加的字體的另一種方法是,從你的WordPress儀錶板進入Appearance » Customize,然後點擊 “Typography ”選項卡。
在下一個螢幕上,你會看到 “Default Typography ”選項。
繼續並點擊它。
之後,你可以改變你網站上每個元素的字體。
例如,讓我們改變Heading1的字體。 只需點擊Heading1旁邊的箭頭就可以展開選項。 從這裡,你可以點擊 「Font Family 」下拉功能表,選擇一種字體
你可以對其他標題級別和段落做同樣的事情。
完成後別忘了點擊 「發佈」按鈕。