字體與字型搭配資源：20 個中文、英文、商用授權與排版工具整理

快速答案：字體搭配要一起看品牌語氣、中文字支援、可讀性與授權，不要只看好不好看。

字體是設計裡最容易被低估的成本。英文字體好搭，不代表中文能用；免費下載，不代表客戶案可商用；一套字在社群圖好看，也不代表放到網站內文可讀。這篇整理字體與字型搭配資源，正文只引用研究表中已查證、預覽圖通過 QA 的 A/B 資源。

先看分類：字體資源不要混在一起判斷

類型	代表資源	免費/付費	適合用途	授權注意
中文字體庫	Noto Fonts、justfont、華康字型	免費 / 付費	中文網站、品牌、出版、包裝、社群圖	中文字授權要特別看商用、嵌入、Logo、App 與企業授權
英文字體庫	Adobe Fonts、Fontshare、Font Squirrel、The League、Velvetyne	免費 / 付費	英文標題、品牌字、網站字體、設計稿測試	免費字體仍要逐款看 license，不要用站名替代授權檢查
字體搭配與案例	Google Fonts Knowledge、Typewolf、Fontpair、Typ.io、Fonts In Use	免費 / Freemium	找搭配、看案例、建立品牌語氣	案例和搭配工具不是字體授權來源
辨識與排版工具	WhatFontIs、Typescale、Modern Font Stacks	免費 / Freemium	找相似字、定字級比例、CSS font stack	工具只輔助判斷，字體使用權仍要回到來源確認
商業字體市集	MyFonts、DaFont	免費 / 付費	找特殊字、購買字體、辨識字體來源	桌面、Web、App、ePub、Logo 授權通常不同

挑字體前先問 5 件事

• 這個專案需要繁體中文、簡體中文、日文、韓文，還是只有英文？
• 字體要用在 Logo、網站、App、PDF、印刷、包裝，還是社群圖？
• 免費字體是否真的允許商用？是否需要署名或保留 license？
• 中英文搭配時，字重、x-height、字面大小、語氣是否協調？
• 網站上線時，字體檔案大小、載入方式和備援字體是否安排好？

20 個字體與字型搭配資源推薦

1. Google Fonts Knowledge

官方網站。官方字體知識庫，適合補字體搭配與排版判斷，不只靠感覺選字

• 價格型態：免費
• 適合用途：字體搭配、排版觀念、OpenType/可變字體知識
• 授權注意：不適用（教學資源）；不是字體下載頁；字體實際授權仍要回到各字體頁確認

2. Adobe Fonts

官方網站。商業設計常用字庫，適合需要正式授權與高品質字體的品牌案

• 價格型態：付費
• 適合用途：品牌字體、商業設計、網站與印刷專案
• 授權注意：需授權；需 Adobe 方案；字體使用、打包、客戶交付與停用後權利要看 Adobe 授權

3. Fontshare

官方網站。免費且品質高，適合找英文標題字、品牌字與網站字體

• 價格型態：免費
• 適合用途：英文品牌字體、網站標題、社群視覺
• 授權注意：可商用；多為免費字體，但仍需看各字體授權與是否允許修改/再散布

4. Font Squirrel

官方網站。老牌免費字體搜尋站，適合找可商用英文免費字體與 webfont

• 價格型態：免費
• 適合用途：英文免費字體、網站字體、設計稿測試
• 授權注意：部分可商用；站方主打商用友善，但每款字體仍要逐一看 license

5. Bunny Fonts

官方網站。可作 Google Fonts 的隱私友善替代，適合網站前端載入開源字體

• 價格型態：免費
• 適合用途：網站字體、隱私友善字體載入、前端專案
• 授權注意：部分可商用；字體仍沿用原始開源授權；正式商用要確認每款 font license

6. Noto Fonts

官方網站。多語系專案的安全選擇，適合中文與跨語系內容需要穩定顯示

• 價格型態：免費
• 適合用途：中文、日文、韓文、多語系網站與簡報
• 授權注意：可商用；Noto 字族龐大，需確認語系、字重與檔案大小；正式上線要做字重取捨

7. justfont

官方網站。台灣設計工作常見中文字型來源，也有字體教育內容

• 價格型態：付費
• 適合用途：繁體中文品牌、書籍、包裝、網站與社群視覺
• 授權注意：需授權；字型使用需依購買方案與授權範圍；Logo、App、嵌入等用途要特別確認

8. 華康字型

官方網站。中文字型選擇完整，適合需要正式中文商用授權的專案

• 價格型態：付費
• 適合用途：繁體中文品牌、出版、包裝、企業設計
• 授權注意：需授權；商用、嵌入、出版、企業授權需依華康方案確認

9. Typewolf

官方網站。看實際網站怎麼用字，適合做品牌字體與版面參考

• 價格型態：Freemium
• 適合用途：品牌字體案例、網站字體觀察、字體趨勢
• 授權注意：不適用（靈感資源）；提供靈感與推薦，不等於取得字體授權；下載/購買仍需回到字體來源

10. Fontpair

官方網站。快速找英文標題/內文字搭配，適合初期版面和網站提案

• 價格型態：免費
• 適合用途：Google Font 搭配、英文網站字體、品牌草稿
• 授權注意：不適用（搭配工具）；搭配結果多基於 Google Fonts；實際字體授權仍需逐款確認

11. Fontjoy

官方網站。用生成方式快速試英文搭配，適合找大方向與視覺語氣

• 價格型態：免費
• 適合用途：英文 font pairing、網站草稿、品牌方向探索
• 授權注意：不適用（搭配工具）；產生搭配不代表視覺一定適合中文；中文專案要另測中文字體

12. Typ.io

官方網站。可看哪些字體常一起使用，適合做網站字體搭配研究

• 價格型態：Freemium
• 適合用途：網站字體搭配、實際案例、CSS 字體觀察
• 授權注意：不適用（靈感資源）；案例是參考，不代表可直接複製字體授權；部分功能可能需付費

13. Fonts In Use

官方網站。字體實際應用資料庫，適合看字體在真實品牌和出版物中的效果

• 價格型態：Freemium
• 適合用途：品牌、出版、海報、網站字體案例
• 授權注意：不適用（案例資源）；案例僅供參考；字體檔案與商用授權需另行取得

14. WhatFontIs

官方網站。可用圖片找相似字體，適合處理客戶參考圖或舊設計稿

• 價格型態：Freemium
• 適合用途：從圖片找字體、比對相似字、補缺字體
• 授權注意：不適用（辨識工具）；辨識結果只是線索；下載或商用仍要查該字體授權

15. Typescale

官方網站。幫網站建立一致字級比例，適合把字體搭配落到實際 UI 系統

• 價格型態：Freemium
• 適合用途：網站字級系統、標題/內文字級、CSS 產出
• 授權注意：不適用（工具）；它解決字級比例，不解決字體授權；中文還要測行高和字距

16. Modern Font Stacks

官方網站。不用下載字體也能做乾淨排版，適合重視效能與隱私的網站

• 價格型態：免費
• 適合用途：CSS system font stack、快速網站、無外部字體載入
• 授權注意：可商用；系統字體依裝置不同而變；品牌一致性較低

17. The League of Moveable Type

官方網站。老牌開源字體 foundry，適合找有個性的英文標題字

• 價格型態：免費
• 適合用途：開源英文字體、品牌標題、網站設計
• 授權注意：部分可商用；每款字體授權仍需個別確認；部分字體可能有不同 license

18. Velvetyne Type Foundry

官方網站。開源實驗字體豐富，適合需要鮮明語氣的專題與視覺提案

• 價格型態：免費
• 適合用途：實驗字體、文化專題、海報、品牌探索
• 授權注意：部分可商用；多為開源字體，但風格強烈；正式商用前逐款確認 license

19. MyFonts

官方網站。大型商業字體市集，適合正式品牌案購買明確授權

• 價格型態：付費
• 適合用途：商業字體購買、字體辨識、品牌專案
• 授權注意：需授權；每款字體價格、桌面/web/app/ePub 授權不同；不能只買一種授權通用所有用途

20. DaFont

官方網站。字體量大，適合找風格方向，但商用前必須逐款確認授權

• 價格型態：免費
• 適合用途：英文展示字、草稿測試、個人專案靈感
• 授權注意：不確定；很多字體只允許個人用途；商用要逐款看作者授權或購買授權

使用情境建議

中文品牌與商業專案

先看 Noto Fonts、justfont、華康字型。Noto 適合多語系和穩定顯示；justfont、華康比較適合需要明確中文商用授權、品牌語氣和字型選擇的正式專案。

英文標題與網站字體

Fontshare、Adobe Fonts、Font Squirrel、The League、Velvetyne 都能找英文字體。正式商案不要只看「free」，要看桌面、Web、App、Logo 是否被允許。

快速找字體搭配

Fontpair、Fontjoy、Typ.io 適合初期探索。它們可以幫你快速找到方向，但中文專案一定要再拿中文字測一次，因為英文字體搭得好，不代表中文排版也成立。

做品牌與版面參考

Typewolf、Fonts In Use 適合看真實案例。看參考時不要只截漂亮畫面，要記錄字體名稱、使用情境、版面比例和品牌語氣。

網站 UI 和前端落地

Typescale、Modern Font Stacks、Bunny Fonts 比較接近上線工作。字體搭配最後要落到字級、行高、font stack、載入速度和備援字體。

中英字體搭配檢查清單

• 中文和英文的視覺大小要接近，不要英文看起來突然大一號。
• 標題字可以有個性，內文字要先保可讀性。
• 中文網站通常不要用太多字重，2 到 4 個字重通常就夠。
• Logo、包裝、App 嵌入、Webfont 是不同授權，不要混用。
• 交付客戶案時，保留字體來源、授權頁、購買紀錄和使用範圍。

FAQ

中文字體如何搭配英文字體？

先定品牌語氣，再看字重和比例。中文可以用穩定內文字體，英文標題再選較有個性的字。最後用同一段中英混排測試，不要只看單字樣張。

免費字體能用在 Logo 嗎？

不一定。很多免費字體允許一般商用，但不一定允許 Logo、商標註冊、轉售模板或 App 嵌入。Logo 用字要特別查授權。

設計稿缺字怎麼辦？

先確認字體是否支援該語系與字集。中文專案如果有缺字，通常要換成完整中文字庫，或用 Noto 類多語系字體作備援。

品牌字體要買授權嗎？

正式品牌案通常要。尤其是 Logo、網站、包裝、廣告、App、企業內部多人使用，都可能需要不同授權範圍。

字體搭配工具產生的組合可以直接用嗎？

可以當起點，但不能直接當結論。還要測中文、長段文字、行高、不同裝置和品牌情境，並確認每款字體授權。

延伸整理

• 看創作邦字體資源
• 看更多創作邦設計資源
• 看 Logo / 品牌識別參考整理

最後更新：2026-06-27。本文是設計資源整理，不取代各網站最新授權條款。字體授權不確定時，請在專案內標註「需自行確認授權」。