更改 WordPress 網站上的全域字體會對其整體外觀和使用者體驗產生重大影響。合適的字體可以讓您的內容更易於閱讀、強化您的品牌形象並創造更具視覺吸引力的版面。在本文中,我們將引導您完成使用各種方法變更 WordPress 網站的全域字體的過程。我們將介紹從使用 WordPress Customizer 到使用 CSS 和安裝外掛的所有內容。
目錄
1.使用WordPress定制器
WordPress 自訂器 是一個內建工具,可讓您修改網站的設計和佈局,包括全域字體。您可以按照以下方法使用它來更改網站字體:
1.1 訪問定制器
登入您的 WordPress 儀表板並導航至 外觀 → 自訂
.
1.2 找到排版設置
在定制器中搜尋排版設定。這可能會因您使用的主題而異,但通常您會看到類似 版式
, 字體
, 或者 字體設定
.
1.3 更改全域字體
從可用選項中選擇所需的字體,並根據需要調整字體大小、行高和其他屬性。對更改滿意後,點擊 發布
按鈕儲存並更新您網站的全域字體。
2.新增 Google 字體
和 Google 字體,您可以輕鬆存取各種字體以在您的網站上使用。以下是如何在 WordPress 網站上新增和使用 Google 字體:
2.1 選擇字體
瀏覽可用的字體 fonts.google.com
並選擇最適合您網站設計的字體。按一下字體,然後選擇要使用的樣式(例如,普通、粗體、斜體)。
2.2 嵌入字體
選擇字體和样式後,點擊 嵌入
標籤以取得需要添加到您的網站的程式碼。複製生成的連結並將其貼上到您的 WordPress 主題的 標頭.php
文件,就在收盤前 標籤。
2.3 應用程式字體
若要將字體套用到整個網站,請在 Google Fonts 提供的程式碼中找到 font-family CSS 屬性,然後複製它。然後,將此 CSS 屬性新增至 身體
主題中的選擇器 樣式.css
文件。
3. 自訂 CSS 方法
如果您的主題不支援透過 WordPress Customizer 進行字體定制,您仍然可以使用自訂 CSS 更改全域字體。請依照以下步驟操作:
3.1 訪問附加 CSS
從您的 WordPress 儀表板,前往 外觀 → 自訂
,然後找到 附加 CSS
部分。
3.2 新增自訂 CSS
在 附加 CSS
文字區域和替換 你的字體系列
使用所需的字體:
主體 { 字體系列: 你的字體系列; }
點選 發布
按鈕儲存並將新字體套用到您的整個網站。
4.使用插件
有幾種外掛程式可以幫助您輕鬆更改網站的全域字體,例如 簡易 Google 字體 和 自訂 Adobe 字體(Typekit)。以下是使用字體插件的一般步驟:
4.1 安裝並啟用插件
在WordPress插件目錄中搜尋所需的字體插件,安裝並啟用它。
4.2 配置插件設定
轉到插件的設定頁面並根據需要進行配置。例如,您可能需要輸入您的 API 金鑰,從插件的字體庫中選擇字體,或調整字體屬性。
4.3 應用程式字體
最後,請按照插件的說明將選定的字體套用到您的網站。這可能涉及添加 CSS 類別或修改主題的 CSS 檔案。
5. Gutenberg 編輯器字體
如果您使用 Gutenberg 區塊編輯器,您可能有其他選項可以直接在編輯器中控製字體。這些選項可能包括:
- 區塊工具列中的字體大小和行高控制
- 段落首字下沉樣式
- 標題、段落和其他文字元素的全域樣式選項。
若要存取這些字體設置,請在編輯器中選擇所需的文字元素,然後在右側設置面板或螢幕頂部的區塊工具列中尋找相關選項。
6. 結論
更改 WordPress 網站的全域字體是改善其整體設計和可讀性的有效方法。正如我們所討論的,有多種方法可以做到這一點,包括使用 WordPress Customizer、Google Fonts、自訂 CSS 和外掛程式。最合適的方法取決於您的個人偏好和主題的功能。透過遵循本文概述的步驟,您將能夠使用完美的全局字體創建更具視覺吸引力的網站。