WordPress怎么設(shè)置字體，詳細(xì)教程與實(shí)用技巧

來(lái)自：素雅營(yíng)銷(xiāo)研究院

方知筆記

2025年06月27日 10:00

在WordPress網(wǎng)站中，字體的選擇和設(shè)置直接影響用戶體驗(yàn)和整體美觀度。無(wú)論是通過(guò)主題自定義、插件還是代碼修改，都可以輕松調(diào)整字體樣式。本文將詳細(xì)介紹幾種常見(jiàn)的WordPress字體設(shè)置方法，幫助你打造個(gè)性化的網(wǎng)站外觀。

方法一：通過(guò)主題自定義設(shè)置字體

大多數(shù)WordPress主題（如Astra、GeneratePress等）都內(nèi)置了字體設(shè)置功能，操作步驟如下：

進(jìn)入WordPress后臺(tái) → 外觀 → 自定義。
找到 排版（Typography） 或 字體（Fonts） 選項(xiàng)。
選擇需要修改的字體類型（如正文、標(biāo)題、菜單等）。
從下拉菜單中選擇字體（部分主題支持Google Fonts）。
調(diào)整字體大小、粗細(xì)、行高等參數(shù)，并保存更改。

方法二：使用插件設(shè)置字體

如果主題不支持字體自定義，可以通過(guò)插件實(shí)現(xiàn)，推薦以下兩款熱門(mén)插件：

1. Easy Google Fonts

安裝并激活插件后，進(jìn)入外觀 → 自定義。
在排版設(shè)置中直接選擇Google Fonts字體庫(kù)中的字體。
支持實(shí)時(shí)預(yù)覽，無(wú)需編碼知識(shí)。

2. WP Google Fonts

安裝插件后，在 設(shè)置 → WP Google Fonts 中配置。
輸入Google Fonts名稱，并應(yīng)用到特定HTML元素（如h1、p等）。

方法三：通過(guò)CSS代碼自定義字體

對(duì)于高級(jí)用戶，可以通過(guò)主題的 附加CSS 或子主題的style.css文件手動(dòng)添加字體樣式：

/* 使用Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

body {
font-family: 'Roboto', sans-serif;
}

h1 {
font-family: 'Roboto', sans-serif;
font-weight: 700;
}