你真的了解字體嗎?| 襯線與非襯線


 
        

前言

在修改 Chrome 瀏覽器的字體時,我發現了有以下幾個選項👇

Chrome 字體設置

 

這其中就有Sans SerifSerif這兩類字體,還有一個寬度固定,於是我想了解它們之間的具體區別和使用場景,這也就催生了這篇文章的產生,希望你閱讀后會有收獲😜

字體划分

在西方國家羅馬字母陣營中,字體分為兩大種類:Sans SerifSerif,打字機體雖然也屬於 Sans Serif,但由於是等寬字體,所以另外獨立出Monospace這一種類,例如在Web中,表示代碼時常常要使用等寬字體。

具體的結構歸屬可以參照上圖👆

定義

襯線(Serif):在字的筆划開始及結束的地方有額外的裝飾,而且筆划的粗細會因直橫的不同而有不同

非襯線:沒有額外的裝飾,筆划粗細大致差不多

這類區分在漢字字體中也有所體現,下圖很清晰地展示出來了襯線與非襯線之間的區別。

可以看出,我們平時所用的GeorgiaTimes New Roman等就屬於Serif字體,而ArialTahoma等則屬於Sans Serif字體。對中文而言,同樣存在這兩大種類,很明顯,宋體、細明體(繁體中常用)等就屬於Serif,而黑體、幼圓等則屬於Sans Serif

差異

Serif 和 Sans Serif 的一般比較:

  ①Serif 的字體容易辨認,因此易讀性較高。反之 Sans Serif 則較醒目,但在行文閱讀的情況下,Sans Serif 容易造成字母辨認的困擾,常會有來回重讀及上下行錯亂的情形。

  ②Serif 強調了字母筆划的開始及結束,因此較易前后連續性的辨識

  ③Serif 強調一個 word,而非單一的字母,反之 Sans Serif 則強調個別字母

  ④在小字體的場合,通常 Sans Serif 比 Serif 更清晰。

使用場景

通常文章的內文、正文使用易讀性較佳的 Serif 字體,這可增加易讀性,而且長時間閱讀下因為會以 word 為單位來閱讀,較不容易疲倦。

標題、表格內用字則采用較醒目的 Sans Serif 字體,它需要顯着、醒目,但不必長時間盯着這些字來閱讀。

  像宣傳品、海報類,為求醒目,它的短篇的段落也會采用 Sans Serif 字體。但在書籍、報刊雜志,正文有相當篇幅的情形下,則應采用 Serif 字體來減輕讀者閱讀上的負擔。在Web設計及瀏覽器設置中也應遵循此原則。

補充說明

其他的通用字體族

  印刷學中,除了 serifsans-serif之外,通常還有 Monospace 等寬字體、scripts手寫體(比如花體)、blackletter鉛字體(也叫 gothic 哥特體。嚴格的說,很多常用的 serif 字體其實是 gothic字體)、ornamental 裝飾體和symbol符號字體(比如有名的wedding123

  Monospace 等寬字體:

  所謂的等寬字體,是指每個字符寬度都一致的字體。一個著名的例子就是 Courier New字體。因為字符寬度一致,所以特別容易對齊,能快速精確的定位到某行某列,因此經常用來顯示代碼。

Courier New 字體  

Cursive書寫體:相當於印刷學中的手寫體。中文的華文行草就是這樣的一個字體。

后記

在顯示不同內容的時候,應該根據該內容的閱讀效果合理選擇字體種類,達到功能性與美觀性的統一。

參考資料:

Serif和Sans-serif字體的區別


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM