英文字體種類一覽: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 找。主標可以有造型,但日期、價格、品牌名等資訊建議用清楚字體,避免整張貼文只剩風格、沒有閱讀效率。