WordPress 字型自己託管：檔案、授權與載入速度

網站換了漂亮的中文字型，首頁卻先空白一瞬間，或文章中的人名突然變成不同字體。字型問題不只在美感，也涉及下載量、缺字與版面穩定。自託管的意思是由自己的網站提供字型檔案，並不保證檔案一搬過來就一定更快。

先以一種內文字型與必要的標題粗細做小範圍試驗，再評估是否擴大全站。以下從授權、檔案、WordPress 設定及讀者端驗收出發，說明如何建立可維護的字型使用方式。

先確認能否把字型檔提供給訪客

字型可以安裝在自己的電腦，不代表可以把檔案上傳網站供瀏覽器下載。取得字型時保留官方來源、授權文字、作者與版本，核對是否允許網頁使用、自託管及需要的修改方式。商業字型可能另有網域、流量或方案條件，應按實際授權確認。

以 SIL Open Font License 為例，官方允許透過網頁字型使用及分發，但分發檔案仍需保留相應的授權與著作權資訊；修改有保留名稱的字型還涉及名稱條件。不要因為看見免費下載，就把任何字型檔都當成可以任意改名或轉售。

先決定是否真的需要整站客製字型。若品牌只需要標題有特色，內文可用系統字型，減少下載與維護。系統字型在不同裝置可能略有差異，因此仍要測試閱讀效果，但不用為每位訪客下載另一份完整中文字型。

挑選需要的格式、粗細與字元

網頁使用可優先評估 WOFF2，並確認目標瀏覽器需求。不要把桌面用的大型檔案全數上傳，就同時載入每一種粗細。先列出內文、標題與按鈕各用什麼，能以少數檔案完成就先保持簡單。

中文字型包含大量字元，子集可以縮小檔案，但需要與內容範圍配合。只保留首頁現在出現的中文字，可能讓下一篇文章、人名、地址或使用者留言缺字。動態內容多的網站，應採有維護方式的完整字元策略或合適分段，不要只追求當下最小檔案。

可變字型可以用一個檔案涵蓋多種粗細等變化，但仍要比較實際大小與使用需求。沒有用到的範圍不會自動變成零成本；如果只需要正常與粗體，應實際比較方案，而不是因格式較新就認定一定較快。

用 WordPress 字型庫管理檔案

現行 WordPress 字型庫文件把入口列在外觀的 Fonts，並說明新版可供區塊與傳統佈景使用；較舊版本可能要從網站編輯器的樣式與排版管理字型。先核對自己的 WordPress 版本與佈景支援，再尋找對應入口。

在字型庫的 Upload 分頁上傳已確認授權的檔案，或在 Install Fonts 選擇所需 Google Fonts 字型與變體。官方說明這個安裝流程會下載字型並由網站本機提供；但網站上其他外掛原有的外部字型請求，仍要另外檢查。

安裝完成後，將字型套用到需要的文字、標題或區塊，儲存並查看前台。字型出現在清單中不代表所有頁面都已改用它。若使用傳統佈景或版面編輯器，要確認其字型選單與全域設定是否接到同一份資料。

1. 記錄字型來源、授權與需要的變體，先備份目前樣式。
2. 在適用的字型庫入口上傳或安裝，確認檔案出現在清單。
3. 先套用代表頁，核對前台文字確實使用預期字型。

需要 CSS 時，把引用與套用分開檢查

手動處理時，由維護者在可持續管理的樣式檔加入 @font-face，指定名稱、字型檔網址、粗細及樣式，再透過 font-family 套用到目標文字。只宣告字型，沒有任何元素使用它，不能證明畫面已改變；也不應直接修改會被更新覆蓋的佈景核心檔案。

檔案網址要能由訪客取得，並回傳正確內容；若移到不同網域的 CDN，還要核對跨來源設定。用瀏覽器網路面板檢查是否出現找不到檔案或下載失敗，再查計算後樣式，而不是反覆更換字型名稱猜測。

font-display 會影響字型下載期間如何顯示文字。採 swap 可先用替代字型顯示，但替換後仍可能改變換行與版面。準備合適的 fallback 字型，並測試字型載不到時，標題、按鈕和內文是否仍能閱讀。

速度要比較實際下載，不能只看託管位置

自託管可減少對字型供應商的連線，但是否更快還取決於自己的主機、快取、檔案大小與傳輸方式。Google 的 web.dev 文件也提醒，自託管的實際效能不一定優於外部服務；把已分段壓縮的外部字型換成一份龐大檔案，反而可能變慢。

測試時用同一個頁面、同一裝置條件，分別觀察首次載入與已有快取的結果。記下字型請求數、總下載量、文字何時可讀，以及載入完成後有沒有明顯位移。先處理重複下載和不必要粗細，再考慮其他最佳化。

不要把所有字型都預先載入。preload 會讓瀏覽器提早取得資源，也可能搶走重要圖片或樣式的下載時機；特別是分段中文字型，應由維護者確認真正需要的檔案。先量測，再決定預載哪些項目。

用台灣常見內容驗收缺字與版面

準備含繁體中文標點、人名、地址、英文、數字及符號的代表頁，查看是否有方框、異常字形或不一致粗細。網站有日文或其他語言時，也要確認 fallback 的組合。不能只用一行品牌標語就判斷整份字型適用。

在手機檢查長標題換行、按鈕是否超出、表格欄位是否變窄，並放大文字確認可讀。對需要持續更新的文章，保留缺字回報方式；新增字元時同步檢查子集生成流程，避免每次發文都臨時補檔。

交接時列出字型位置、授權、套用範圍、產生子集的方法及最後測試日期。移除字型前先找出使用它的樣式與頁面，確認替代字型可用，再清除不再需要的檔案，讓網站外觀與內容維護能一起延續。

選擇適合網站的佈景主題

建立持續維護網站的檢查流程

• 教學
• 軟體與 App
• 架站與電商
• WordPress