PixelCake PixelCake
字型與排版

英文字體種類怎麼分?5 大分類、設計用途與授權選字判斷

英文字體種類不只看外觀,還要理解英文字體分類、品牌個性、可讀性與授權條件。整理 Serif、Sans Serif、Script、Monospace、Display 五大類差異,幫助設計師快速判斷標題、網頁、簡報與品牌識別該怎麼選字。

英文字體種類一覽:5 大分類怎麼分?

英文字體種類主要分為 Serif 襯線體、Sans Serif 無襯線體、Script 手寫體、Monospace 等寬字體、Display 裝飾體。先理解分類,再依用途、可讀性、品牌個性與授權條件選字,會比直接背字體名稱更有用。

五大分類速查表

分類 視覺特徵 常見印象 適合場景 避雷情境
Serif 襯線體 筆畫尾端有裝飾 正式、優雅、出版感 精品品牌、出版物、正式標題 小尺寸介面文字容易變糊
Sans Serif 無襯線體 筆畫乾淨,沒有襯線 現代、清楚、網頁友善 網站、App、簡報、科技品牌 太中性時品牌記憶點不足
Script 手寫體 連筆、簽名感、筆觸感 個人感、儀式感、精緻感 簽名、婚禮、浮水印、個人品牌 長段正文可讀性低
Monospace 等寬字體 每個字母寬度一致 程式碼、數據、復古科技感 程式碼、資料表、技術品牌局部文字 一般正文閱讀節奏較僵硬
Display 裝飾體 造型強烈,辨識度高 吸睛、個性、活動感 海報、社群主標、活動標題 大量使用會干擾閱讀

字體、字型、font family 差異

日常討論裡,英文字體和英文字型常被混用;設計判斷時,可以把 typeface 理解成一套視覺風格,把 font family 理解成同一家族,例如 Regular、Italic、Bold、Black 等不同字重與樣式。font weight 則是字重,會直接影響標題層級與閱讀壓力。

台灣讀者常見稱呼

搜尋時常見的說法包含英文字體種類、英文字體分類、英文 font、英文字型、英文網頁字體。我的判斷是,分類是為了幫助設計決策,不是為了背越多字體名越好。

Serif 襯線體:正式、優雅、出版感

Serif 襯線體的重點是筆畫末端有襯線裝飾,常帶出正式、典雅、出版與精品印象。它適合標題、品牌識別與長篇出版情境,但在小尺寸網頁介面中要特別檢查清晰度。

Serif 襯線體的定義

Serif 指字母筆畫尾端的小裝飾,像 Times New Roman、Georgia、Baskerville、Garamond、Bodoni 都屬於常見代表。襯線會讓字形帶有歷史感與書籍感,因此很常出現在雜誌、正式文件、精品品牌與文化類設計中。

Serif 襯線體的適用場景

  • 精品、香氛、珠寶品牌標題:可用高對比襯線體製造精緻感,但正文仍需搭配清楚字體。
  • 出版與長文標題:Georgia 這類螢幕友善襯線體比過細的時尚字體更穩。
  • 正式簡報封面:Baskerville 或 Garamond 適合用在主標,不適合塞滿整頁小字。

經典例子:Times New Roman、Georgia、Baskerville

字體 分類 使用理由
Times New Roman Serif 正式文件感強,適合保守、傳統語境,但品牌感較弱。
Georgia Serif 螢幕閱讀表現穩定,適合網站文章標題或引言。
Baskerville Serif 對比優雅,適合精品、出版與高端活動視覺。

Sans Serif 無襯線體:現代、乾淨、網頁友善

Sans Serif 無襯線體沒有筆畫尾端裝飾,線條乾淨、結構直接,是網頁、App、簡報與科技品牌最常用的英文字體分類。它的優勢是可讀性穩,缺點是若挑得太普通,品牌個性會變淡。

Sans Serif 無襯線體的定義

Sans Serif 的 sans 代表沒有,因此無襯線體看起來更俐落。Helvetica、Arial、Inter、Roboto、Open Sans、Montserrat、Avenir、Futura 都是常被用在品牌與介面的無襯線字體。

Sans Serif 無襯線體的適用場景

網站正文、App 按鈕、儀表板、簡報資料頁、科技品牌識別都適合從 Sans Serif 開始。品牌主視覺寧可保守一點,也不要讓正文被漂亮但難讀的字吃掉。

Helvetica、Arial、Inter、Roboto 的差異

字體 常見印象 適合用途
Helvetica 中性、經典、品牌感穩 品牌識別、標誌輔助文字、海報排版
Arial 通用、熟悉、系統感 文件、簡報、fallback font
Inter 清楚、現代、介面友善 網站、SaaS、App UI、數位產品
Roboto 理性、科技、行動裝置熟悉 Android 相關介面、產品頁、說明文字

Script 手寫體:簽名感、個人感、儀式感

Script 手寫體模仿手寫、連筆或書法筆觸,適合製造簽名感、個人感與儀式感。它應少量使用在 Logo 輔助、婚禮設計、浮水印或社群重點字,通常不適合長段正文。

Script 手寫體的定義

Script 包含簽名體、連筆手寫體與書法感字體,常見例子有 Pacifico、Great Vibes、Allura、Dancing Script。這類字體的情緒很強,但每個字母連在一起時,辨識速度會下降。

Signature Script 和 Calligraphy 差在哪裡?

Signature Script 偏個人簽名,線條通常較快、較自然,適合攝影浮水印、個人品牌署名。Calligraphy 更重視筆畫起收、粗細轉折與儀式感,適合婚禮邀請卡、精品活動主視覺或節慶標題。

浮水印與個人品牌情境

  • 攝影浮水印:選 Signature Script,字距不要太緊,避免縮小後變成線團。
  • 個人品牌 Logo:可用 Script 當主字,但副標要搭配 Sans Serif。
  • 婚禮或香氛品牌:可用 Calligraphy 做主標,資訊文字改用清楚的無襯線體。

Monospace 等寬字體:程式碼、數據、復古科技感

Monospace 等寬字體的每個字母佔用相同寬度,因此適合程式碼、資料表、終端機感與技術品牌視覺。它很有辨識度,但一般文章正文不建議大量使用。

Monospace 等寬字體的定義

Monospace 的核心特徵是字寬一致,例如 Courier New、Consolas、IBM Plex Mono、Space Mono。因為每個字元對齊穩定,工程師閱讀程式碼或比對資料時會更快定位。

Monospace 等寬字體的適用場景

等寬字體適合用在程式碼片段、價格表、規格表、命令列視覺、科技品牌的局部標題。它也能做出復古電腦、實驗室、資料感的視覺語氣,但用量要小。

為什麼正文不常用等寬字體?

正文閱讀需要自然的字母寬窄節奏,等寬字體會讓 i、m、w 佔相同空間,長段閱讀時容易顯得僵硬。除非品牌刻意追求工程感,否則等寬字體更適合當輔助字體。

Display 裝飾體:標題、海報、社群主視覺

Display 裝飾體是為了吸引注意而設計的英文字體分類,適合標題、海報、活動主視覺與社群貼文。它的工作是製造焦點,不能取代整篇文章或整套 UI 的閱讀字體。

Display 裝飾體的定義

Display Font 通常有強烈造型,例如粗窄、復古、圓胖、幾何、手繪或誇張比例。Anton、Bebas Neue、Cooper Black、Lobster 這類字體常被拿來做主標或短句。

Display 裝飾體的適用與不適用

適合 不適合
活動標題、海報主視覺、社群封面、短促銷字句 長篇正文、表單欄位、App 導覽、密集資訊頁

韓系、復古、可愛風格如何歸類

韓系與可愛風格常落在圓潤 Display、圓體感 Sans Serif 或手寫感 Script;復古風格則可能是粗厚 Display、老式 Serif 或等寬字體。判斷重點不是風格名稱,而是它在版面中的功能:主標可誇張,資訊文字要穩。

設計師如何選英文字體?

設計師選英文字體,順序應該是用途、閱讀距離、品牌個性、字體分類、字重層級、搭配方式與授權。這套流程能避免只看單一字體好不好看,卻忽略實際使用限制。

5 步驟選字流程

步驟 判斷問題 建議方向
用途 是 Logo、網頁、簡報還是社群? 先決定主字體要承擔辨識或閱讀。
閱讀距離 手機小字、投影片遠看或海報近看? 距離越遠,字形越要清楚。
品牌個性 要正式、現代、親切、科技或復古? 用分類控制情緒,不只用形容詞。
層級 標題、副標、正文各自多重? 先用 font weight 建立秩序。
授權 能否商用、嵌入網站或用於 Logo? 正式上線前檢查授權來源。

Logo、網頁、簡報、社群各自怎麼選

Logo 可優先看 Serif、Sans Serif、Script 或 Display,但要確認縮小後仍可辨識;網頁正文通常以 Sans Serif 或螢幕友善 Serif 為主;簡報字體要遠距清楚,Inter、Roboto、Arial 這類穩定字體比造型字安全;社群貼文可用 Display 或 Script 做主視覺,但資訊行要回到清楚字體。

英文字體搭配公式

英文字體搭配的核心是分工:一種字體負責個性,一種字體負責閱讀。多數版面用兩種字體就夠,再透過字重、大小、行距與留白建立視覺層級。

標題與正文搭配

搭配公式 適合效果 使用提醒
Serif + Sans Serif 優雅標題搭配清楚正文 適合品牌網站、編輯感頁面。
Display + Sans Serif 強烈主標搭配穩定資訊 適合海報、活動頁、社群封面。
Script + Sans Serif 簽名感搭配現代閱讀 Script 只放短字,不放完整段落。
Monospace + Sans Serif 科技感搭配介面清晰度 適合技術品牌、資料產品局部設計。

字重層級

字重比字體數量更重要。標題可用 Bold 或 Black,副標用 Medium,正文用 Regular,註解用 Regular 或 Light。若同一頁同時出現太多字重,閱讀者會分不清哪個資訊最重要。

常見錯誤

  • 同時使用兩種個性很強的 Display Font,版面會互相搶戲。
  • 用 Script 寫完整段落,風格變強但資訊變慢。
  • 標題與正文都用細字重,手機上容易失去層級。

網頁與跨裝置使用注意

英文網頁字體除了好看,還要考慮 web font 載入、fallback font、font weight 數量與跨裝置呈現。字體在設計稿裡漂亮,不代表在所有手機和瀏覽器上都穩定。

Web Font 影響

Web Font 會影響品牌一致性,也會增加載入成本。若一個網站同時載入多個字體家族與多種字重,首頁速度和文字顯示穩定性都可能受影響。網頁字體的好選擇,是視覺辨識與效能之間的平衡。

fallback font 設定概念

fallback font 是指定字體尚未載入或無法顯示時的替代字體。常見做法是主要 web font 後面接系統字,例如用 Inter 搭配 Arial 或 sans-serif。重點是替代字體的高度、寬度與氣質不要差太多,避免版面跳動。

字重不要載太多

檢查項目 建議
字體家族 網站正文與標題通常一到兩組就夠。
font weight Regular、Medium、Bold 已能支撐多數層級。
跨裝置測試 至少檢查手機、桌機、常用瀏覽器的標題與按鈕。

免費英文字體與授權怎麼看?

免費英文字體不等於一定可以商用。商業設計前要檢查授權範圍、使用場景、是否可用於 Logo、是否可嵌入網站,以及來源是否清楚。

商用前檢查項目

檢查項目 要確認的內容
個人使用或商用 免費下載可能只限個人作品,客戶案要看商用條款。
Logo 使用 部分授權會限制商標、Logo 或轉售成品。
網站嵌入 Web Font 可能需要獨立授權或頁面瀏覽量限制。
修改與轉檔 改字型檔、轉檔或包進 App 前要查條款。

常見授權用語

Personal Use 指個人使用,Commercial Use 指商用,Open Source 常見於開源字體,OFL 是開源字體授權的一種。Google Fonts 會提供字體頁面與授權資訊,適合當作初學者較容易檢查的來源。

不保證第三方站授權

第三方整理站可能提供很多免費英文字體,但來源不一定完整。授權沒有灰色地帶;看不懂條款時,就不該把字放進商業成品。可下載和可商用要分開確認,這是品牌設計裡最容易被忽略的風險。

英文字體有哪些主要種類?

英文字體主要有 Serif 襯線體、Sans Serif 無襯線體、Script 手寫體、Monospace 等寬字體、Display 裝飾體五大類。這五類可對應正式、現代、個人感、科技感與吸睛主視覺等不同設計需求。

英文要用什麼字體比較好?

英文要用什麼字體,先看用途。網頁正文可優先選 Sans Serif,例如 Inter、Roboto、Open Sans;正式標題可看 Serif,例如 Georgia、Baskerville;社群主標或海報才適合 Display Font。

Serif 和 Sans Serif 差在哪裡?

Serif 有筆畫尾端裝飾,常給人正式、優雅、出版感;Sans Serif 沒有襯線,線條更乾淨,適合網頁、App、簡報與現代品牌。兩者沒有絕對優劣,差別在閱讀情境和品牌語氣。

Logo 適合用哪一種英文字體?

Logo 可以用 Serif、Sans Serif、Script 或 Display,但要看品牌個性與縮小後的辨識度。科技品牌常用 Sans Serif,精品品牌可用 Serif,個人品牌可少量使用 Script,活動型品牌可考慮 Display。

網頁設計最常用哪一類英文字體?

網頁設計最常用 Sans Serif,因為它在手機、桌機和介面元件中通常更清楚。Inter、Roboto、Open Sans、Arial 都是常見選項。若使用 Serif,建議先放在標題或引言,再測試正文可讀性。

手寫體適合用在正文嗎?

手寫體通常不適合正文。Script 的連筆和筆觸會降低長段閱讀速度,較適合簽名、浮水印、婚禮標題、精品活動字句或個人品牌署名。

Display Font 和裝飾體是一樣的嗎?

Display Font 通常可理解為裝飾體或展示字體,重點是用於標題與視覺焦點。它不一定都很花俏,也可能是粗體、窄體、復古或幾何造型,但共同特徵是個性強,不適合大量正文。

怎麼搭配兩種英文字體才不會亂?

讓一種字體負責個性,另一種負責閱讀。常見搭配是 Serif + Sans Serif、Display + Sans Serif、Script + Sans Serif。避免兩種都太搶眼,並用固定字重建立標題、正文、註解層級。

免費英文字體可以商用嗎?

不一定。免費只代表可取得,不代表可商用。使用前要確認授權是否允許商業作品、Logo、網站嵌入、App 使用、修改或轉檔。Google Fonts 這類來源較容易查到授權資訊,但仍要看該字體頁面的條款。

做個人品牌簽名或浮水印,適合哪一類英文字體?

個人品牌簽名或浮水印適合 Script,尤其是 Signature Script。選字時要注意縮小後是否仍能辨識,並搭配簡潔的 Sans Serif 作為副標或聯絡資訊。

Google Fonts 適合台灣品牌網站使用嗎?

Google Fonts 適合許多台灣品牌網站使用,因為來源清楚、授權資訊容易查、網頁導入方便。實務上仍要控制字體家族與字重數量,並設定 fallback font,避免影響載入與跨裝置呈現。

社群貼文想做韓系或可愛風格,應該從哪一類英文字體找?

韓系或可愛風格可先從 Display Font、圓潤 Sans Serif、輕手寫感 Script 找。主標可以有造型,但日期、價格、品牌名等資訊建議用清楚字體,避免整張貼文只剩風格、沒有閱讀效率。