有襯線(xiàn)字體與無(wú)襯線(xiàn)字體比較
serif 的意思是,在字的筆畫(huà)開(kāi)始及結(jié)束的地方有額外的裝飾,而且筆畫(huà)的粗細(xì)會(huì)因直橫的不同而有不同。相反的,sans serif 就沒(méi)有這些額外裝飾,而且筆畫(huà)粗細(xì)大致上是差不多。
像 Times、Times New Roman 等都是屬於 serif 的字體,而 Arial、helvetica 則是屬於 sans serif 的字體。
serif 和 sans serif 的一般比較
- serif 的字體較易辨識(shí),也因此易讀性較高。反之 sans serif 則較醒目,但在走文閱讀的情況下,sans serif 容易造成字母辨識(shí)的困擾,常會(huì)有來(lái)回重讀及上下行錯(cuò)亂的情形。
- serif 強(qiáng)調(diào)了字母筆畫(huà)的開(kāi)始及結(jié)束,因此較易前後連續(xù)性的辨識(shí)。
- serif 強(qiáng)調(diào)一個(gè) word,而非單一的字母,反之 sans serif 則較強(qiáng)調(diào)個(gè)別字母。
- 在很小字的場(chǎng)合,通常 sans serif 會(huì)較 serif 字體較為清晰。
適用於不同用途
通常文章的內(nèi)文、正文使用的是易讀性較佳的 serif 字體,這可增加易讀性,而且長(zhǎng)時(shí)間閱讀下因?yàn)闀?huì)以 word 為單位來(lái)閱讀,較不容易疲倦。而標(biāo)題、表格內(nèi)用字則採(cǎi)用較醒目的 sans serif 字體,他需要顯著、醒目,但不必長(zhǎng)時(shí)間盯著這些字來(lái)閱讀。
像 DM、海報(bào)類(lèi),為求醒目,他的短篇的段落也會(huì)採(cǎi)用 sans serif 字體。但在書(shū)籍、報(bào)章雜誌,正文有相當(dāng)篇幅的情形下,應(yīng)採(cǎi)用 serif 字體來(lái)減輕讀者閱讀上的負(fù)擔(dān)。
中文的情況
在中文的情形也是有相當(dāng)於 serif 的字體,例如明(宋)體就是 serif 的,他通常是和 Times Roman 字族來(lái)搭配的。而黑體、圓體就相當(dāng)於是 sans serif 的字體。
在中文直排的情況,比較不容易顯現(xiàn) serif/sans serif 之間的差異性,但是在目前中文橫排相當(dāng)?shù)钠毡榈那樾蜗拢陨纤黾暗囊鬃x性、醒目性也是適用於中文。
很??吹街形某霭鏁?shū)籍、雜誌,內(nèi)文使用了不易閱讀,但卻很醒目的黑體或圓體,這對(duì)讀者來(lái)說(shuō),在長(zhǎng)期閱讀之下很容易就引起眼睛不舒服,似乎是應(yīng)該盡量避免才是。
相關(guān)文章
幾乎被設(shè)計(jì)師遺忘了的標(biāo)簽fieldset legend
幾乎被設(shè)計(jì)師遺忘了的標(biāo)簽fieldset legend...2007-11-11用CSS解決中英文混合字符串的截取省略問(wèn)題的解決辦法
用CSS解決中英文混合字符串的截取省略問(wèn)題的解決辦法...2007-02-02推薦css打造經(jīng)典鼠標(biāo)觸發(fā)顯示選項(xiàng)
推薦css打造經(jīng)典鼠標(biāo)觸發(fā)顯示選項(xiàng)...2007-04-04告別AJAX實(shí)現(xiàn)無(wú)刷新提交表單
通常對(duì)于無(wú)刷新提交表單,我們都是運(yùn)用ajax實(shí)現(xiàn)的。前段時(shí)間了解到另一種無(wú)刷新提交表單的方法。現(xiàn)在整理出來(lái)分享給大家。2014-05-05scrollWidth,clientWidth與offsetWidth的區(qū)別
scrollWidth,clientWidth與offsetWidth的區(qū)別...2007-08-08CSS規(guī)則層疊時(shí)的優(yōu)先級(jí)算法
CSS 規(guī)則的優(yōu)先級(jí)是Web前端開(kāi)發(fā)人員必須理解的一個(gè)概念,我們常用的添加樣式的方法有4種。2008-04-04