Serif和Sans-serif字體的區別

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

  Serif的意思是,在字的筆劃開始及結束的地方有額外的裝飾,並且筆劃的粗細會因直橫的不一樣而有不一樣。相反的,Sans Serif則沒有這些額外的裝飾,筆劃粗細大體差很少。以下圖: 瀏覽器

        能夠看出,咱們平時所用的Georgia、Times New Roman等就屬於Serif字體,而Arial、Tahoma、Verdana等則屬於Sans Serif字體。對中文而言,一樣存在這兩大種類,很明顯,宋體、細明體(繁體中經常使用)等就屬於Serif,而黑體、幼圓等則屬於Sans Serif。 工具

  Serif和Sans Serif的通常比較:字體

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

  ②Serif強調了字母筆劃的開始及結束,所以較易先後連續性的辨識。 操作系統

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

  ④在小字體的場合,一般Sans Serif比Serif更清晰。code

  由於黑體字屬於「無襯線體」(Sans-serif),而宋體字屬於「有襯線體」(Serif),後者對於人眼的辨識來講會更輕鬆一些,因此閱讀的時候會比較舒服。日本文字偏歐美的無襯線體(Sans-serif),因此大部分的人都使用歌德體(至關於西洋文字的無襯線體)。ip

  適用用途:class

  一般文章的內文、正文使用的是易讀性較佳的Serif字體,這可增長易讀性,並且長時間閱讀下由於會以word爲單位來閱讀,較不容易疲倦。而標題、表格內用字則採用較醒目的Sans Serif字體,它須要顯着、醒目,但沒必要長時間盯着這些字來閱讀。 

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

  實際應用:

  在Firefox 中(目前彷佛只有Firefox有此功能),能夠分別單獨指定Sans Serif、Serif及Monospace的中西文字體,然而這個選項並未設置在工具菜單中,不過能夠在Addressbar中鍵入about: config,而後在Filter中過濾font找到以下Preference Name:

Code:
font.name.monospace.x-western
font.name.monospace.zh-CN
font.name.sans-serif.x-western
font.name.sans-serif.zh-CN
font.name.serif.x-western
font.name.serif.zh-CN

  你能夠依照上述Sans Serif、Serif及Monospace的原則來分別指定一種對應字體,按照W3C的CSS規則,在font(或者font-family)的最後都要求指定一個Serif這樣的Generic-family,避免客戶端實在沒有指定字體時使用本機上的Serif默認字體。

  由於襯線字體的可讀性很是好,因此它應用的最多的地方也正是出版物或者印刷品的正文內容等以大段文字做爲表現形式的做品上。

  比較常見的襯線字體有:Georgia, Garamond, Times New Roman, 中文的宋體等等。

  無襯線字體比較圓滑,線條通常粗細均勻。比較適合用做藝術字、標題等。由於無襯線字體一般粗細比較均勻,因此在小字體顯示的時候,可讀性會下降,容易引發視覺疲勞。

  常見的無襯線字體有:Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, 中文的幼圓,隸書等等。

  其餘的通用字體族

  印刷學中,除了serif和sans-serif以外,一般還有Monospace等寬字體、scripts手寫體(好比花體)、blackletter鉛字體(也叫gothic哥特體。嚴格的說,不少經常使用的serif字體實際上是gothic字體)、ornamental 裝飾體(那些在文字筆劃上或者周圍有裝飾花紋的字體。不少中世紀書籍上很常見。若是腦殘體真的成了字體,那麼應該能夠算裝飾體吧……)和symbol 符號字體(好比有名的wedding123……)

  Monospace等寬字體:

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

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

  網頁設計中的默認字體:字體大小(12px)、行高(18px)

font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;

  ①font-family默認採用Tahoma. Tahoma是英文Windows操做系統的默認字體,這個字體比較均衡,顯示中英文混排很不錯,是經久耐看的一款字體。

  ②Mac OS X系統有一款比Tahoma更典雅的系統默認字體:Helvetica,非Mac系統的Helvetica字體都是Rip版。

  ③Arial是早期Windows英文系統的默認字體,XP和Vista上都是Tahoma。

  ④最後的sans-serif是針對強悍的Linux DIY族。Linux默認只有kernel,字體徹底由用戶自定義,針對這部分用戶,sans-serif可能能派上用場。

  ⑤最後,不管在XP仍是Vista下,不指定網頁的中文字體時,默認就是宋體。所以font-family裏的'宋體'是多餘的,能夠省去。

相關文章
相關標籤/搜索