3種更改WordPress字體的簡單方法
已發表: 2021-10-05“如何在 WordPress 中更改字體?” 是技術知識最少的人中最常見的問題之一,這裡是該問題的一個很好的答案。
您可以使用這種簡單的方法多次更改 WordPress 字體。
要更改您的 WordPress 字體,請轉到外觀菜單,單擊自定義選項,然後轉到字體。 現在您可以選擇您選擇的字體或通過單擊x標記返回到默認字體。 選擇所需的 WordPress 字體後,單擊保存草稿按鈕以保存更改。
這是它的外觀。
在這篇文章中,我們將解釋其他 3 種更改 WordPress 字體的簡單方法。 那麼,讓我們開始吧。
相關:如何編輯您的 WordPress 頁腳?
如何在 WordPress 中更改字體?
從技術上講,您可以通過多種方式更改 WordPress 網站上的字體。 但是,在這裡我們已經提到了 3 種非常基本的方法。 讓我們從最常見的開始。
1.檢查您可以使用網站的主題或頁面構建器的字體選項更改什麼
大多數人不使用 WordPress 默認站點主題,因為它們對於商業站點來說不夠好。 儘管這些主題編碼良好,但它們更多地只是概念作品。 您可以在我們的電子商務 CMS 指南中了解更多信息。
選擇最適合您需求的特定類型的主題是一個好主意,用簡單的話來說。 儘管選擇高級版可以為您提供出色的自定義選項,但如果您預算緊張,也可以選擇免費的不錯的選項。
這些主題中的大多數將允許您訪問整套 Google 字體,您可以從中選擇 WordPress 網站的正確字體。
通常有兩種方法可以通過主題更改 WordPress 中的字體。 首先,您可以訪問定制器的菜單並從那裡更改字體。 其他主題帶有一個專用的管理面板,其中包含您需要訪問的所有設計選項。
這些管理面板更容易導航。 您只需單擊相關的下拉菜單並選擇您選擇的字體。 更改可能會立即發生。
Page Builder 插件的工作方式也與此非常相似。 一些最受歡迎的包括 Elementor 和 Beaver Builder。
2. 安裝 WordPress 字體插件
如果您不喜歡主題中提供的字體,那麼更改 WordPress 字體的另一種好方法是安裝和激活專用字體插件。
現在,您通常會在 WordPress 的插件目錄中找到兩種類型的字體插件——字體嵌入插件和字體上傳插件。
字體嵌入插件使您可以從專用目錄(例如 Google 字體)中提取所需的字體並將其嵌入您的網站。
一個很好的例子是 OMFG——優化我的谷歌字體插件。 此外,還有一些插件可供使用 Adobe 訂閱字體的用戶使用。
值得注意的是,將您的網站與 Google 或 Adobe 的服務器連接需要您處理一些額外的步驟。 但是,這也將幫助您避免在手動實現字體時執行一些其他步驟。
字體上傳插件與嵌入插件有很大不同。 您可以通過這些插件的名稱快速說明這一點,這些插件使您能夠上傳您選擇的特定字體並在您的網站上使用它。 儘管任何相關的插件都可以為您完成這項工作,但這項工作最受歡迎的插件是 Google Fonts Typography Plugin。
3.通過簡單編碼添加自定義字體
如果您願意學習如何手動更改 WordPress 中的字體,那麼最後一種方法就是您的最佳選擇。 儘管它涉及一些編碼,但這種方法最好的部分是它非常易於學習。 即使知識一般,您也可以輕鬆學習和實施此方法。
至於缺點,除了專用插件的高級主題之外,您可能沒有廣泛的選擇。 但是,您仍然可以讓您的網站遠離不必要的臃腫軟件並使用您選擇的字體。
要實現此方法,您需要
- CSS的平均知識
- 您要嵌入網站的字體
- 訪問您的 WordPress 核心
- 關於FTP(文件傳輸協議)的一些知識
讓我們用一個例子來解釋一下。 假設您選擇了一種 Google 字體“Oswald”。
選擇要嵌入的樣式。 我們建議您選擇粗體、標準和斜體樣式。 選擇樣式後,嵌入字體的最簡單方法是單擊“嵌入”選項卡並將代碼複製到您網站的部分。
不過,我們建議您使用入隊方法。 在這種方法中,您首先需要將鏈接複製到您的字體。 這是一個例子
'https://fonts.googleapis.com/css2?family=Oswald:wght@200;700&display=swap'
現在您需要使用 FTP 訪問您的 WordPress 站點的文件。 從這裡,您需要打開子主題的根目錄並訪問functions.php。
打開functions.php文件後,輸入以下代碼。 (請注意,您需要將示例中提到的鏈接替換為您選擇的字體。)
函數 add_my_font() {
wp_enqueue_style('add_my_font', 'https://fonts.googleapis.com/css2?family=Oswald:wght@200;700&display=swap', false);
}
add_action('wp_enqueue_scripts', 'add_my_font');
最後一步是聲明要在哪裡使用字體。 為此,您需要訪問子主題根目錄中的style.css文件並添加以下內容。
.body, .h1, .h2, .h3, .h4 {
字體家族:'奧斯瓦爾德',無襯線;
}
通常,這會通知您網站的前端您希望以特定樣式使用此特定字體。 請注意,如果您不想在每個部分中應用新字體,也可以刪除聲明。
這是您需要選擇正確的 WordPress 字體的兩個重要原因。
為什麼選擇正確的字體在網頁設計中很重要?
對於那些很少或沒有開發知識的人來說,網站設計聽起來像是一個選擇配色方案、字體和設置導航欄的簡單過程。
然而,這並不容易,因為除了美學之外,創建一個有效的網站設計還有很多事情要做。 在為您的 WordPress 網站選擇字體時,您需要考慮諸如可讀性、營銷以及字體是否與您的品牌匹配等因素。
具體來說,字體會通過兩種主要方式影響您網站的設計。 讓我們談談他們。
1. 可用性
可用性是您選擇的字體會影響的最重要方面。 假設您選擇了一種更難閱讀的字體。 您的潛在客戶最有可能因為沮喪而放棄您的網站並尋找替代方案。
2. 品牌推廣
可讀性是一回事,但您還需要關注您的字體與品牌基調的良好、相關和時尚。 在為您的網站選擇更簡單的字體時考慮各個方面是一個好主意。
交給你
你去吧。 現在您可以在 WordPress 中更改字體的三種簡單方法。 同樣重要的是要記住最佳實踐會不斷變化,因此如果您發現這些方法與呈現給您的內容之間存在任何脫節,我們建議您尋求專家建議。
此外,請閱讀我們關於修復 WordPress 白屏死機錯誤和白標等主題的指南,以提高您的知識。