找我們做網站
↑
Resources · 免費字型

免費字型怎麼安裝?Windows、Mac 與 WordPress 套用教學

免費字型發布 2026.10.22閱讀約 8 分鐘
免費字型怎麼安裝?Windows、Mac 與 WordPress 套用教學

重點整理
免費字型下載後,Windows 對字型檔按右鍵選「安裝」、Mac 雙擊字型檔用「字體簿」按「安裝」,重開軟體就能用,各只要 3 個步驟。WordPress 7 可以在「外觀 → 字型」直接上傳字型檔或從 Google Fonts 安裝。中文字型檔很大(我們實測 Noto Sans TC 有 11.4 MB),放上網站前要先轉成 WOFF2 或改用 Google Fonts 提供的分割檔。

找到一套喜歡的免費字型,下載回來卻不知道下一步:解壓縮後一堆檔案要裝哪一個?裝好了 Word 為什麼找不到?想讓網站也用同一套字型,直接把檔案丟上 WordPress 可以嗎?這篇用兩套開源中文字型 Noto Sans TC(思源黑體)和 jf open 粉圓實際操作,一步一步示範從下載、在 Windows 與 Mac 安裝,到套用在 WordPress 網站的做法,最後整理使用前一定要看的授權重點。

下載前先確認:這套字型可以免費商用嗎?

「免費下載」不等於「可以商用」。動手安裝之前,先看字型的授權條款,確認三件事:

  • 能不能用在商業用途:例如公司官網、產品包裝、廣告文宣。
  • 能不能嵌入網頁:也就是讓網站訪客的瀏覽器下載字型來顯示,部分字型只允許印刷或圖片使用。
  • 能不能修改、轉檔:要轉成 WOFF2 或只取部分字元給網站用,屬於修改字型檔。

這篇示範的 Noto Sans TC 與 jf open 粉圓都採用 SIL Open Font License(OFL)1.1 授權:可以免費商用、可以嵌入網頁、可以修改,唯一限制是不能把字型檔本身單獨拿去賣。其他字型的授權類型與挑選方法,可以參考免費中文字型資源整理與授權挑選教學。

步驟一:下載字型檔

從 Google Fonts 下載 Noto Sans TC

到 Google Fonts 的 Noto Sans TC 頁面,點右上角的「Get font」,網站會把字型加入選取清單,接著按「Download all」下載壓縮檔。Google Fonts 目前只有英文介面,按鈕名稱以英文為準。

Google Fonts 選取清單頁面,右側有「Get embed code」與「Download all」兩個按鈕
Google Fonts 選取清單頁面,右側有「Get embed code」與「Download all」兩個按鈕

下載的 .zip 解壓縮後,會看到一個檔名含有「[wght]」的字型檔,這是可變字型(一個檔案包含所有粗細),另外還有一個 static 資料夾,裡面是每種粗細各自獨立的字型檔。一般電腦安裝用 static 裡需要的粗細即可,舊版軟體對可變字型的支援比較不穩定。

從 GitHub 下載 jf open 粉圓

jf open 粉圓是 justfont 釋出的開源圓體,到它在 GitHub 的 Releases 頁面 下載最新版的 .ttf 檔即可,本文使用的是 2.1 版。字型的特色與設計背景,可以看我們之前寫的jf open 粉圓介紹。

.ttf、.otf、.woff2 差在哪?

格式用途能不能裝在電腦上
.ttf(TrueType)最常見的字型格式可以
.otf(OpenType)支援較多排版功能可以
.woff2網頁專用壓縮格式不建議,給網站用

電腦安裝選 .ttf 或 .otf,兩種都有時任選一種就好,不要重複安裝同一套字型的兩種格式,否則字型選單會出現兩個同名項目。

步驟二:Windows 怎麼安裝字型?

Windows 10 和 Windows 11 的做法相同:

  1. 解壓縮:對下載的 .zip 按右鍵,選「全部解壓縮」。直接在壓縮檔裡雙擊字型檔,有時會安裝失敗。
  2. 按右鍵安裝:對 .ttf 或 .otf 按右鍵,選「安裝」。Windows 11 的右鍵選單若沒看到,先點「顯示其他選項」。
  3. 重開軟體:把 Word、PowerPoint、Photoshop 關掉再打開,字型清單才會出現新字型。
Windows 安裝字型三步驟圖解:解壓縮、對字型檔按右鍵選安裝、重新開啟軟體
Windows 安裝字型三步驟圖解:解壓縮、對字型檔按右鍵選安裝、重新開啟軟體

右鍵選單裡還有「為所有使用者安裝」:選這個會把字型裝到系統字型資料夾,同一台電腦的其他帳號也能用,但需要系統管理員權限。公司電腦如果裝不起來,通常就是權限被管控,請找 IT 協助。

也可以雙擊字型檔開啟預覽視窗,按左上角的「安裝」,結果一樣。

步驟三:Mac 怎麼安裝字型?用「字體簿」

macOS 內建的「字體簿」負責管理字型,安裝只要三步:

  1. 雙擊字型檔:.ttf 或 .otf 都可以,系統會用字體簿打開預覽視窗。
  2. 確認字樣後按「安裝」:預覽視窗上方的選單可以切換字重,確認是你要的字型後,按右下角的「安裝」。
  3. 重開軟體:Keynote、Pages、Photoshop 等已經開著的軟體要重新開啟。
Mac 雙擊 jf open 粉圓字型檔後跳出的字體簿預覽視窗,右下角有「略過」與「安裝」按鈕
Mac 雙擊 jf open 粉圓字型檔後跳出的字體簿預覽視窗,右下角有「略過」與「安裝」按鈕

圖中是 jf open 粉圓的實際預覽畫面,可以看到它包含注音符號和大寫數字。如果字體簿在安裝時顯示警告(例如字型檔有問題或已經裝過),可以先按「略過」,再確認是不是重複安裝了同一套字型的不同版本。

要移除字型時,打開「字體簿」App,在清單中找到該字型,按右鍵選「移除」即可。

步驟四:WordPress 網站怎麼套用字型?

電腦裝好字型,只代表你自己的電腦看得到;網站訪客的電腦沒有這套字型,網頁就會顯示成預設字型。要讓所有訪客看到,字型必須放在網站上讓瀏覽器下載。WordPress 有兩種常見做法:

做法一:上傳自己的字型檔(外觀 → 字型)

WordPress 7 的後台在「外觀」底下有「字型」頁面(區塊與傳統佈景主題都會顯示),分成「字型庫」「上傳」「安裝字型」三個分頁。到「上傳」分頁把字型檔拖進去,支援 .ttf、.otf、.woff 和 .woff2。

WordPress 後台「外觀 → 字型」的字型庫,上傳後的 jf open 粉圓 2.1 出現在「自訂」分類
WordPress 後台「外觀 → 字型」的字型庫,上傳後的 jf open 粉圓 2.1 出現在「自訂」分類

上傳完成後,字型會出現在「字型庫」的「自訂」分類裡。接著到「外觀 → 編輯器 → 樣式」的字體排版設定,就能把內文或標題的字型換成剛上傳的字型。

使用傳統佈景主題或 Elementor 等頁面編輯器時,上傳到字型庫的字型不一定會出現在它們的字型選單裡,這時要改用佈景主題或外掛提供的「自訂字型」功能上傳,概念相同。

做法二:直接從 Google Fonts 安裝

同一個頁面的「安裝字型」分頁可以連到 Google Fonts。第一次使用時,WordPress 會先詢問是否「允許存取 Google Fonts 網頁字型」,同意後就能在後台搜尋字型並安裝。

WordPress「安裝字型」分頁,第一次使用要按「允許存取 Google Fonts 網頁字型」
WordPress「安裝字型」分頁,第一次使用要按「允許存取 Google Fonts 網頁字型」

這個做法會把字型從 Google 下載後存到你自己的主機,網站之後由本機提供字型,訪客瀏覽時不需要再連線到 Google。舊文章Google 字體下載與 WordPress 字體設定介紹過另一種直接引用 Google Fonts 連結的方式,兩種都可以,差別在字型檔放在哪裡。

中文字型放上網站前,一定要注意檔案大小

英文字型只有幾百個字元,檔案通常幾十 KB;中文字型動輒上萬個字,檔案大很多。我們實測這兩套字型:

字型字符數.ttf 原檔轉成 .woff2
Noto Sans TC(可變字型)20,95011.4 MB5.2 MB
jf open 粉圓 2.112,2604.7 MB2.1 MB

轉成 WOFF2 可以省下一半以上,但 2–5 MB 對網頁來說仍然很重,手機用行動網路開啟時,文字可能要等好幾秒才換成新字型。建議:

  • 只用在標題:內文用系統預設字型,特殊字型只套在大標題或少數區塊。
  • 上傳前先轉 WOFF2:可以用 fonttools 等開源工具轉檔。OFL 授權允許轉檔,其他授權要先確認。
  • 優先用 Google Fonts 版本:Google Fonts 提供的中文字型會切成很多小檔案,瀏覽器只下載頁面用到的字,比整包上傳輕很多。

常見問題

字型裝好了,為什麼 Word 找不到?

最常見的原因是軟體沒有重開。Word、PowerPoint 只在啟動時讀取字型清單,關掉再開通常就會出現。如果還是沒有,確認裝的是 .ttf 或 .otf,而不是 .woff2。

用了免費字型做的簡報傳給別人,對方看得到嗎?

對方電腦沒裝同一套字型就看不到,會被換成預設字型。要傳給別人的檔案建議匯出成 PDF,PDF 會把用到的字型嵌入檔案中,版面不會跑掉。

WordPress 上傳字型會不會讓網站變慢?

會,中文字型尤其明顯。上傳的字型檔多大,訪客第一次瀏覽就要下載多少,所以建議轉成 WOFF2、只套在標題,或改用 Google Fonts 分割好的版本。

結語

安裝免費字型其實很簡單:Windows 按右鍵選「安裝」、Mac 用字體簿按「安裝」,記得重開軟體。真正要花心思的是兩件事:一是先確認授權,商用與網頁嵌入都要允許;二是放上網站時注意檔案大小,中文字型動輒好幾 MB,轉 WOFF2、只用在標題或改用 Google Fonts 的分割版本,才能兼顧好看與速度。

鵠學苑・鵠崙設計鵠崙設計 2014 年成立,專注 WordPress 網站開發,400 多個網站在我們自己的主機上運作。鵠學苑的文章由團隊實際操作後整理,工具與外掛的功能以撰文當時為準。
鵠崙設計

不想自己摸索,
就交給我們做。

外掛設定、主機效能、改版搬家,這裡寫的每一件事,都是我們每天在客戶網站上做的工作。留下需求,1 個工作天內回覆。