想換掉 WordPress 預設的字體,多數人第一個動作是裝外掛,結果裝到一半才發現「字型外掛」根本不是同一種東西。有的負責讓你上傳自己的字檔,有的專門把 Google Fonts 搬回自己主機,還有的兩件事都沾一點。選錯方向,輕則網站變慢,重則裝了一堆外掛卻互相打架。
WordPress 字型外掛大致分成兩條路線:一條是「自訂字型上傳」,讓你把買來或免費下載的字檔掛上網站;另一條是「Google Fonts 本地化」,把原本從 Google 伺服器抓的字體搬到你自己的主機載入。這篇會把兩條路線講清楚,比較 Custom Fonts 與 Local Google Fonts 這類代表性外掛的差異,也會交代 WordPress 6.5 內建字型庫出現後,哪些情況其實不必再裝外掛。
WordPress 字型外掛主要分成哪兩種
先把分類釐清,後面選工具才不會亂。WordPress 字型外掛依「字體從哪裡來、字檔放在哪裡」可以分成兩大類,需求不同,挑的外掛也不同。
第一類是自訂字型上傳外掛。你手上已經有字檔(自己買的商用字、免費開源字、或某套中文字型),透過外掛把 woff、woff2 等格式上傳到網站,再套用到內文、標題或特定區塊。代表性外掛有 Custom Fonts、Fontify、Yabe Webfont。
第二類是 Google Fonts 本地化外掛。你用的是 Google Fonts,但不想每次都從 Google 伺服器載入,於是外掛幫你把字檔下載到自己主機,改由本機路徑提供。代表性外掛有 Local Google Fonts、OMGF、EasyFonts。
兩者的核心差別在「字體來源」:
- 自訂字型上傳:字檔由你提供,外掛負責掛載與套用,適合要用品牌指定字、特殊中文字型的網站。
- Google Fonts 本地化:字體仍是 Google Fonts,外掛只改變載入位置,解決的是速度與隱私問題,不是「換一套新字」。
搞混的人通常會問「我裝了 Local Google Fonts,為什麼不能上傳我自己的字?」答案是它本來就不做這件事。反過來,純上傳型的外掛也不會幫你把主題偷偷載入的 Google Fonts 搬回本機。先確認自己屬於哪一類需求,再往下挑。
Custom Fonts 這類自訂字型上傳外掛怎麼運作
自訂字型上傳外掛的運作邏輯很直接:上傳字檔、命名字型、套用到指定元素。以 Custom Fonts 為例,它讓你上傳自己的字型檔,或從 Google Fonts 集合中挑選,字檔一律託管在你自己的伺服器上,再透過主題或頁面編輯器選用。
這類外掛的共同流程大致是這樣:
- 第一、準備字檔。網路下載或字型設計者提供的中文字型,多半是 ttf 或 otf 格式,網頁要用得先轉成 woff、woff2。可以用 Transfonter 這類線上轉檔工具完成。
- 第二、上傳並命名。在外掛介面上傳 woff2 字檔,填入字型名稱。要注意若使用區塊主題,字型名稱建議用英文,區塊編輯器才吃得到。
- 第三、套用範圍。透過外掛內建選擇器、主題字型設定,或自訂 CSS 把字型指定給 body、標題或特定區塊。
不同外掛在第三步差異最大。Fontify 走極簡路線,只支援 woff 與 woff2,上傳後可套用到整個網站甚至後台儀表板,字檔存在 uploads 目錄底下,適合只想換一套字、不想碰 CSS 的人。Yabe Webfont 則提供轉檔工具與 CSS 選擇器設定,可以針對特定選擇器套字,彈性較高。部分付費佈景主題(例如 Blocksy Pro)也內建 Custom Fonts 擴充,直接在主題後台上傳字檔並在區塊編輯器選用,不必另外裝外掛。
中文字型在這條路線上有個繞不開的問題:檔案大。一套完整的繁體中文字型動輒數 MB 到數十 MB,遠比英文字型肥。直接整套掛上去,首次載入會明顯拖慢。比較務實的做法是只上傳真正會用到的字重(例如 Regular 與 Bold 兩種就好),或對字型做子集化(subsetting)只保留會用到的字元範圍,再搭配 CDN 分發。台灣有不少可商用的開源中文字型可選,像台北黑體 Taipei Sans TC、jf open 粉圓、芫荽(iansui),下載時留意各自的授權條款即可。
Local Google Fonts 這類本地化外掛在解決什麼問題
本地化外掛解決的是「速度」與「隱私合規」兩件事,跟換字無關。它把原本要向 Google 伺服器發出的字體請求,改成從你自己的主機載入。
要理解它的價值,得先知道直接用 Google Fonts 的代價。網站每用一種第三方字體,瀏覽器就得向 fonts.googleapis.com、fonts.gstatic.com 這些遠端網域發出 DNS 請求再下載字檔。PageSpeed Insights、GTmetrix 這類速度測試工具常會把「字體來自第三方」列為可優化項目,因為多一個遠端請求就多一段等待時間。本地化之後,字檔與網站同源,少了跨網域連線的開銷。
隱私合規則是另一條更硬的理由。2022 年 1 月,一間德國法院判定「直接從 Google 伺服器載入 Google Fonts」違反歐盟 GDPR,理由是這個動作會把訪客 IP 位址傳給位於美國的第三方,屬於未經同意的個資外洩。對有歐洲訪客、或在意隱私規範的網站來說,把字體搬回本機是目前最乾淨的解法,因為字檔不再經手 Google,也就不需要為此另外取得同意。台灣網站雖然主要受個資法規範、不直接適用 GDPR,但只要網站面向國際、或單純想降低不必要的第三方連線,本地化一樣是合理選擇。
代表性外掛在處理深度上有差異:
- Local Google Fonts:把網站實際用到的 Google Fonts 下載到主機,改由本機提供,定位單純,主打 GDPR 合規與基本提速。
- OMGF:透過 Google Fonts Helper API 自動把需要的字檔抓到 wp-content 底下,並提供移除未使用字重與子集、強制 font-display:swap、預載入關鍵字體、移除多餘 dns-prefetch 與 preconnect 等優化。付費版進一步偵測 @font-face、@import、以 JavaScript 非同步載入的字體,還能產生比例對齊的系統字後備字體,減少字體載入時的版面位移(CLS)。
- EasyFonts:標榜輕量,自動快取並從本機提供字檔,主打體積小與自動優化。
如果只是要把幾個 Google Fonts 搬回本機、解決速度評分,Local Google Fonts 或 OMGF 免費版就夠。若網站結構複雜、主題與多個外掛各自偷偷載入字體,OMGF 的自動偵測會省下很多手動排查的工夫。
Custom Fonts 與 Google Fonts 本地化外掛差在哪
把兩條路線並排比較,差異一眼就清楚。下面這張對照表整理了最常被搞混的幾個面向。
| 比較面向 | 自訂字型上傳(Custom Fonts、Fontify) | Google Fonts 本地化(Local Google Fonts、OMGF) |
|---|---|---|
| 字體來源 | 你自己的字檔 | Google Fonts |
| 主要目的 | 換成指定字型、用特殊中文字 | 提速、GDPR 合規 |
| 是否需要先備好字檔 | 需要,要自行下載並轉檔 | 不需要,外掛自動下載 |
| 解決速度問題 | 不一定,視字檔大小 | 是,減少第三方請求 |
| 處理隱私合規 | 與此無關 | 是,字體不再經手 Google |
| 中文字型適用度 | 高,可掛任何中文字檔 | 低,Google 中文字本身就肥 |
最關鍵的判斷點是「你要的是哪一件事」。要換成一套網站本來沒有的字(尤其是品牌指定字或特定中文字型),走自訂上傳;要的是讓現有的 Google Fonts 跑得更快、不外洩訪客資料,走本地化。
兩者並非互斥。有些網站會同時用上:用自訂上傳外掛掛載一套中文標題字,再用本地化外掛把主題、外掛殘留的 Google Fonts 請求收回本機。要注意的是別讓功能重疊的外掛同時運作,例如裝了兩款都會改寫字體載入的外掛,容易出現一邊改、一邊又被另一邊覆蓋的衝突,最後反而難以排查。挑一款主力、把職責切乾淨,比堆外掛更省事。
WordPress 6.5 內建字型庫出現後還需要外掛嗎
WordPress 6.5 起內建了「字型庫」(Font Library),這讓「要不要裝外掛」的答案出現變化。字型庫直接在編輯器裡管理字型,支援 .ttf、.otf、.woff、.woff2 四種格式,既可上傳自己的字檔,也能瀏覽並安裝 Google Fonts。
對部分使用者來說,這已經能取代輕量的自訂字型外掛。如果你只是想上傳一兩套字檔、套用到網站,內建字型庫足夠應付,不必再裝 Custom Fonts 或 Fontify。
但它有兩個前提限制:
- 只支援區塊主題。字型庫綁定區塊編輯器與完整網站編輯(Full Site Editing),入口在「外觀 → 編輯器」。若你用的是傳統(classic)主題,後台根本看不到這個功能,還是得靠外掛或自訂 CSS。
- 不負責 Google Fonts 本地化的進階優化。透過字型庫安裝 Google Fonts 雖然會把字檔放到本機,但它不會幫你移除未使用的字重與子集、不會自動處理主題或外掛另外載入的字體請求。要做到這層優化,仍需要 OMGF 這類專門外掛。
判斷標準可以這樣抓:
- 用區塊主題、只想上傳少量字檔 → 直接用內建字型庫,免外掛。
- 用傳統主題,或需要把字型套到後台、特定 CSS 選擇器 → 用自訂字型上傳外掛。
- 主題與外掛到處殘留 Google Fonts 請求、要做速度與合規優化 → 用本地化外掛。
中文字型在字型庫一樣會遇到檔案大的老問題。內建功能不會自動瘦身,整套思源黑體上傳上去照樣肥,該做的子集化、字重精簡、CDN 分發一個都少不了。內建字型庫降低的是「掛字檔」的門檻,不是「把中文字型調快」的門檻。
該怎麼依需求挑一款字型方案
回到最實際的問題:手上這個網站,到底該選哪個方向。先看主題型態,再看需求性質,順序錯了就會挑錯工具。
先確認主題是區塊主題還是傳統主題,這決定內建字型庫能不能用。再對照下面三種常見情境:
- 只想換一套字、不在意 Google Fonts:區塊主題用內建字型庫上傳即可;傳統主題用 Custom Fonts 或 Fontify。要套用到特定區塊或後台、需要 CSS 選擇器控制,選 Yabe Webfont 這類彈性高的。
- 在用 Google Fonts,網站變慢或在意隱私:裝本地化外掛。需求單純選 Local Google Fonts,想要自動偵測與深度優化選 OMGF。
- 既要用特殊中文字、又想壓速度:兩條路線並用,但只各留一款主力,把上傳與本地化的職責分開,避免外掛互相覆蓋。
不論走哪條路,中文字型都要記得做三件事:只保留會用到的字重、做子集化縮減字元範圍、搭配 CDN 或快取外掛分發。字檔肥是中文網站字體優化的主戰場,外掛只是把字掛上去,真正影響速度的是你給它多大的字檔。把方向選對、把字檔處理乾淨,再挑一款職責清楚的外掛,網站換字這件事就不會變成拖慢速度的負擔。