襯線(Serif)和無襯線(Sans-serif)字體的區(qū)別

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

Serif的意思是,在字的筆劃開始及結(jié)束的地方有額外的裝飾扎附,而且筆劃的粗細會因直橫的不同而有不同蔫耽。相反的,Sans?Serif則沒有這些額外的裝飾帕棉,筆劃粗細大致差不多针肥。如下圖:?

可以看出饼记,我們平時所用的Georgia香伴、Times?New?Roman等就屬于Serif字體慰枕,而Arial、Tahoma即纲、Verdana等則屬于Sans?Serif字體具帮。對中文而言,同樣存在這兩大種類低斋,很明顯蜂厅,宋體、細明體(繁體中常用)等就屬于Serif膊畴,而黑體掘猿、幼圓等則屬于Sans?Serif。?

Serif和Sans?Serif的一般比較:

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

②Serif強調(diào)了字母筆劃的開始及結(jié)束玉控,因此較易前后連續(xù)性的辨識飞主。?

③Serif強調(diào)一個word,而非單一的字母高诺,反之Sans?Serif則強調(diào)個別字母碌识。

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

因為黑體字屬于“無襯線體”(Sans-serif)筏餐,而宋體字屬于“有襯線體”(Serif),后者對于人眼的辨識來說會更輕松一些薛窥,所以閱讀的時候會比較舒服胖烛。日本文字偏歐美的無襯線體(Sans-serif),所以大部分的人都使用歌德體(相當(dāng)于西洋文字的無襯線體)诅迷。

適用用途:

通常文章的內(nèi)文佩番、正文使用的是易讀性較佳的Serif字體,這可增加易讀性罢杉,而且長時間閱讀下因為會以word為單位來閱讀趟畏,較不容易疲倦。而標(biāo)題滩租、表格內(nèi)用字則採用較醒目的Sans?Serif字體赋秀,它需要顯著利朵、醒目,但不必長時間盯著這些字來閱讀猎莲。?

像宣傳品绍弟、海報類,為求醒目著洼,它的短篇的段落也會採用Sans?Serif字體樟遣。但在書籍、報刊雜志身笤,正文有相當(dāng)篇幅的情形下豹悬,則應(yīng)採用Serif字體來減輕讀者閱讀上的負擔(dān)。在Web設(shè)計及瀏覽器設(shè)置中也應(yīng)遵循此原則為是液荸。??

實際應(yīng)用:

在Firefox?中(目前似乎只有Firefox有此功能)瞻佛,可以分別單獨指定Sans?Serif、Serif及Monospace的中西文字體娇钱,然而這個選項并未設(shè)置在工具菜單中伤柄,不過可以在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的原則來分別指定一種對應(yīng)字體响迂,按照W3C的CSS規(guī)則,在font(或者font-family)的最后都要求指定一個Serif這樣的Generic-family细疚,避免客戶端實在沒有指定字體時使用本機上的Serif默認字體蔗彤。

因為襯線字體的可讀性非常好,所以它應(yīng)用的最多的地方也正是出版物或者印刷品的正文內(nèi)容等以大段文字作為表現(xiàn)形式的作品上疯兼。

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

無襯線字體比較圓滑,線條一般粗細均勻吧彪。比較適合用作藝術(shù)字待侵、標(biāo)題等。因為無襯線字體通常粗細比較均勻姨裸,所以在小字體顯示的時候秧倾,可讀性會降低,容易引起視覺疲勞傀缩。

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

其他的通用字體族:

印刷學(xué)中赡艰,除了serif和sans-serif之外售淡,通常還有Monospace等寬字體、scripts手寫體(比如花體)、blackletter鉛字體(也叫g(shù)othic哥特體揖闸。嚴格的說揍堕,很多常用的serif字體其實是gothic字體)、ornamental?裝飾體(那些在文字筆劃上或者周圍有裝飾花紋的字體汤纸。很多中世紀書籍上很常見衩茸。如果腦殘體真的成了字體,那么應(yīng)該可以算裝飾體吧……)和symbol?符號字體(比如有名的wedding123……)

Monospace等寬字體:

所謂的等寬字體蹲嚣,是指每個字符寬度都一致的字體递瑰。一個著名的例子就是?Courier?New?字體祟牲。因為字符寬度一致隙畜,所以特別容易對齊,能快速精確的定位到某行某列说贝,因此經(jīng)常用來顯示代碼议惰。

Cursive書寫體:相當(dāng)于印刷學(xué)中的手寫體。中文的華文行草就是這樣的一個字體乡恕。

網(wǎng)頁設(shè)計中的默認字體:字體大小(12px)言询、行高(18px)

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

①font-family默認采用Tahoma.?Tahoma是英文Windows操作系統(tǒng)的默認字體,這個字體比較均衡傲宜,顯示中英文混排很不錯运杭,是經(jīng)久耐看的一款字體。

②Mac?OS?X系統(tǒng)有一款比Tahoma更典雅的系統(tǒng)默認字體:Helvetica函卒,非Mac系統(tǒng)的Helvetica字體都是Rip版辆憔。

③Arial是早期Windows英文系統(tǒng)的默認字體,XP和Vista上都是Tahoma报嵌。

④最后的sans-serif是針對強悍的Linux?DIY族虱咧。Linux默認只有kernel,字體完全由用戶自定義锚国,針對這部分用戶腕巡,sans-serif可能能派上用場。

⑤最后血筑,無論在XP還是Vista下绘沉,不指定網(wǎng)頁的中文字體時,默認就是宋體豺总。因此font-family里的'宋體'是多余的车伞,可以省去。


原文鏈接:https://kb.cnblogs.com/page/192018/

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末园欣,一起剝皮案震驚了整個濱河市帖世,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖日矫,帶你破解...
    沈念sama閱讀 211,123評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件赂弓,死亡現(xiàn)場離奇詭異,居然都是意外死亡哪轿,警方通過查閱死者的電腦和手機盈魁,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,031評論 2 384
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來窃诉,“玉大人杨耙,你說我怎么就攤上這事∑矗” “怎么了珊膜?”我有些...
    開封第一講書人閱讀 156,723評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長宣脉。 經(jīng)常有香客問我车柠,道長,這世上最難降的妖魔是什么塑猖? 我笑而不...
    開封第一講書人閱讀 56,357評論 1 283
  • 正文 為了忘掉前任竹祷,我火速辦了婚禮,結(jié)果婚禮上羊苟,老公的妹妹穿的比我還像新娘塑陵。我一直安慰自己,他們只是感情好蜡励,可當(dāng)我...
    茶點故事閱讀 65,412評論 5 384
  • 文/花漫 我一把揭開白布令花。 她就那樣靜靜地躺著,像睡著了一般巍虫。 火紅的嫁衣襯著肌膚如雪彭则。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,760評論 1 289
  • 那天占遥,我揣著相機與錄音俯抖,去河邊找鬼。 笑死瓦胎,一個胖子當(dāng)著我的面吹牛芬萍,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播搔啊,決...
    沈念sama閱讀 38,904評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼柬祠,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,672評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎张遭,沒想到半個月后莽龟,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蠕嫁,經(jīng)...
    沈念sama閱讀 44,118評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,456評論 2 325
  • 正文 我和宋清朗相戀三年毯盈,在試婚紗的時候發(fā)現(xiàn)自己被綠了剃毒。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,599評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡搂赋,死狀恐怖赘阀,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情脑奠,我是刑警寧澤基公,帶...
    沈念sama閱讀 34,264評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站捺信,受9級特大地震影響酌媒,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜迄靠,卻給世界環(huán)境...
    茶點故事閱讀 39,857評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望喇辽。 院中可真熱鬧掌挚,春花似錦、人聲如沸菩咨。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,731評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽抽米。三九已至特占,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間云茸,已是汗流浹背是目。 一陣腳步聲響...
    開封第一講書人閱讀 31,956評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留标捺,地道東北人懊纳。 一個月前我還...
    沈念sama閱讀 46,286評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像亡容,于是被迫代替她去往敵國和親嗤疯。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,465評論 2 348

推薦閱讀更多精彩內(nèi)容