DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> serif和sans serif:西方國家的字母體系
serif和sans serif:西方國家的字母體系
編輯:CSS詳解     

在西方國家的字母體系,分成兩大字族:serif及sans serif。其中typewriter打字機字體,雖然也是sans serif,但由於他是等距字,所以另獨立出一個Typewriter字族出來。serif的意思是,在字的筆畫開始及結束的地方有額外的裝飾,而且筆畫的粗細會因直橫的不同而有不同。 sans serif就沒有這些額外裝飾,而且筆畫粗細大致上差不多。像Times、Times New Roman等都是屬於serif的字體,而 Arial、helvetica則是屬於sans serif的字體。

(1) serif和sans serif 的一般比較:

-------------------------------------
    * serif 的字體較易辨識,也因此易讀性較高。反之 sans serif則較醒目,但在走文閱讀的情況下,sans serif 容易造成字母辨識的困擾,常會有來回重讀及上下行錯亂的情形。
    * serif 強調了字母筆畫的開始及結束,因此較易前後連續性的辨識。
    * serif 強調一個Word,而非單一的字母,反之sans serif則較強調個別字母。
    * 在很小字的場合,通常sans serif會較serif 字體較為清晰。

(2) 適用於不同用途

-------------------------------------
    通常文章的內文、正文使用的是易讀性較佳的serif字體,這可增加易讀性,而且長時間閱讀下因為會以 Word 為單位來閱讀,較不容易疲倦。而標題、表格內用字則采用較醒目的sans serif字體,他需要顯著、醒目,但不必長時間盯著這些字來閱讀。
    像DM、海報類,為求醒目,他的短篇的段落也會采用sans serif字體。但在書籍、報章雜志,正文有相當篇幅的情形下,應采用 serif 字體來減輕讀者閱讀上的負擔。

(3) 中文的情況

--------------------------------------
    在中文的情形也是有相當於serif的字體,例如明(宋)體就是serif 的,他通常是和Times Roman字族來搭配的。而黑體、圓體就相當於是 sans serif 的字體。在中文直排的情況,比較不容易顯現serif/sans serif之間的差異性,但是在目前中文橫排相當的普遍的情形下,以上所述及的易讀性、醒目性也是適用於中文。很常看到中文出版書籍、雜志,內文使用了不易閱讀,但卻很醒目的黑體或圓體,這對讀者來說,在長期閱讀之下很容易就引起眼睛不舒服,似乎是應該盡量避免才是。

serif      [ˊserif]         襯線 (某些印刷體字母各端部的短線) 
sans serif [sænˊserif]     無襯線字體, 沒有襯線的鉛字體
sans       [sænz]           沒有,在外,外部

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved