文字排版詞條 3-43

襯線與無襯線Serif & Sans-serif

也常叫做:襯線、無襯線、Serif Sans

你可能會這樣說

想幫品牌定調,聽人家說襯線有氣質、無襯線很現代,但不知道實際放上網站會長怎樣,也不確定可不可以混用。

白話解釋

差別在筆畫端點有沒有「襯線」那兩撇裝飾。襯線體(宋體)有書卷、古典、編輯感;無襯線體(黑體)乾淨、現代、螢幕上好讀。網頁內文幾乎是無襯線的天下,因為小字在螢幕上的清晰度贏面大。

但襯線沒有退場,它變成氛圍工具:大標用宋體做氣質、內文用黑體顧好讀,這種混搭是編輯風網站的標準動作。

跟 AI 說「標題要書卷感、內文要乾淨好讀」,它自然會往宋配黑的方向去配。

親手試試

山與海之間的環島
宋體(襯線)自帶書卷與編輯感,適合標題與引言。
山與海之間的環島
黑體(無襯線)乾淨現代,小字在螢幕上也清楚,是介面的預設。
編輯風的標題用宋體
內文交給黑體顧好讀性——雜誌與品牌網站最愛的組合。

同一句話,換字體就換個性:襯線=書卷、無襯線=現代;混搭是標準動作。

圖 3-43 三種配法並排:書卷感、現代感、混搭。

這樣對 AI 說

中文就可以
我想做書卷感與現代感的混搭:
標題用思源宋體、字重 700,做出編輯氣質。
內文與介面用 Noto Sans TC 400,維持螢幕上的好讀性。
引言句也用宋體,但要跟內文有明顯區隔。
給我宋體與黑體兩種版本的標題區塊截圖,讓我比較再決定。

同一課的其他詞