WordPress 字型外掛怎麼選——上傳與本地化比較

想換掉 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 或快取外掛分發。字檔肥是中文網站字體優化的主戰場,外掛只是把字掛上去,真正影響速度的是你給它多大的字檔。把方向選對、把字檔處理乾淨,再挑一款職責清楚的外掛,網站換字這件事就不會變成拖慢速度的負擔。

相關文章
標籤: WordPress, 字型外掛, Google Fonts, Custom Fonts, 中文字型