首先要明確兩個概念：serif和sans-serif。- serifSerif在印刷學(xué)上指襯線字體。為了理解襯線字體的概念，大家先看幾個典型的襯線字體的例子：單詞 My 中的字母“M”上下方突出的短橫線就是所謂的襯線。同樣，y的上方，K的上下，i 和n的下方也都有襯線，所以這些字體都被稱為襯線字體。但襯線字體并不一定都有襯線，比如上面例子中的g、“漢”和“字”。事實上，只要滿足末端加強原則的字體都是襯線字體。所謂的末端加強，就是使用襯線或粗細(xì)變化，使字體筆畫的末端得到加強，以改善小號文字的可讀性。比如上面例子中的y的下半部分，還有宋體的中文字符，都是采取加粗筆劃的末端來達到末端加強的效果。除此之外，很多襯線字體還會采用加強豎向筆劃（比如宋體中豎比橫粗），夸張字形（最明顯的就是小寫g這個字符了）等方法進一步改善它的可讀性。因為襯線字體的可讀性非常好，所以它應(yīng)用的最多的地方也正是出版物或者印刷品的正文內(nèi)容等以大段文字作為表現(xiàn)形式的作品上。比較常見的襯線字體有 Georgia、Garamond、Times New Roman、中文的宋體等等。- sans-serif襯線字體以外的一切字體都是無襯線字體。sans- 這個前綴其實是法語，所以比較標(biāo)準(zhǔn)的發(fā)音是/san/ 而不是 /sans/。它的意思是“沒有”。所以sans-serif就是無襯線字體。無襯線字體比較圓滑，線條一般粗細(xì)均勻。比較適合用作藝術(shù)字、標(biāo)題等。因為無襯線字體通常粗細(xì)比較均勻，所以在小字體顯示的時候，可讀性會降低，容易引起視覺疲勞。常見的無襯線字體有Trebuchet MS、Tahoma、Verdana、Arial、Helvetica、中文的幼圓、隸書等等。- 什么時候用serif？什么時候用sans-serif？從上面的介紹中，我們可以知道，襯線字體之所以被設(shè)計出來，就是為了用作正文內(nèi)容的。大家可以隨手抄起一張報紙，看看上面的文章是不是宋體。如果手頭有外語讀物的話，也可以翻來看一下，正文都是襯線字體。同樣大小的襯線字體比無襯線字體容易閱讀：然后大家可以把報紙翻到頭版頭條――標(biāo)題一般都會是各種粗細(xì)一致的綜藝體或者是中黑體。英文報紙的標(biāo)題大多也是無襯線的。這個就是應(yīng)用他們的基本原則。但是大家可以看很多網(wǎng)站――它們的正文內(nèi)容恰恰是無襯線的Tahoma、Verdana、Arial等等。中文網(wǎng)站可能因為字體的局限性，仍舊使用宋體居多，但查看它們的樣式表，就會發(fā)現(xiàn)候補字體也大多是無襯線的。這樣是不是不好呢？ 當(dāng)然不是。 襯線字體的可讀性其實僅僅體現(xiàn)在小字體上。大家可以拿出剛剛抄起來的報紙，和你顯示器上的文字比較一下――你會發(fā)現(xiàn)，報紙上的文字比顯示器上的文字整整小一圈。這個就是print media 和screen media 的最大區(qū)別。印刷業(yè)為了節(jié)約成本，因此會盡可能的在保證可讀性的情況下，把文字印小。顯示器不存在這樣的成本，因此可以顯示比較大的文字。在文字足夠大的情況下，無襯線字體也是同樣可讀的。而且因為無襯線字體通常有藝術(shù)性，因此在顯示器上顯示通常比較賞心悅目；而且無襯線字體種類比襯線字體多得多，因此選擇余地也很大。所以大家盡可以放心去使用。但是必須保證以下原則：凡是使用無襯線字體的，必須保證其在正文內(nèi)容中的可讀性。否則，使用襯線字體。換而言之，如果你要使用無襯線字體顯示網(wǎng)頁的正文內(nèi)容，那么，你必須把它的font-size設(shè)的足夠大，以保證用戶能輕易閱讀。至于具體將font-size 設(shè)多大，是因字體而異的。12px對于Verdana 來說已經(jīng)完全足夠，但是要能輕易的閱讀隸書，可能需要24px以上才行。對于11px以下的英文字體，推薦使用襯線字體。至于中文，因為顯示器的硬件限制，不論是什么字體，都不推薦使用11px以下的font-size來顯示。1、Arial微軟公司的網(wǎng)頁核心字體之一，是一套隨同多套微軟應(yīng)用軟件所分發(fā)的無襯線體TrueType字型。當(dāng)字號很小時不容易閱讀。Arial Style雖然比例及字重和Helvetica極其相近，但Arial其實是Monotype Grotesque系列的變種。設(shè)計Arial時考慮到會在電腦上面使用，在字體及字距上都作了一些細(xì)微的調(diào)整和變動，以增加它在電腦屏幕上不同分辨率下的可讀性。但是，大寫的“I”和小寫的“l(fā)”是無法區(qū)別的，你可以考慮用Tahoma字體來替代。Arial的正確英文發(fā)音有很多不同說法。雖然有人習(xí)慣讀作 "air-ree-al" ，但其實應(yīng)該讀作"are-ree-al" 。List Filesystem Directory Information 2、Verdana微軟公司的網(wǎng)頁核心字體之一，微軟公司專門為屏幕顯示而開發(fā)的。即使字號很小，仍有結(jié)構(gòu)清晰、容易辨識等高品質(zhì)的表現(xiàn)，所以是顯示器中最清晰的字體。我比較喜歡采用10pt的Verdana來做英文正文字體，也推薦大家使用，但字號最好介于10~14像素之間，超出這個范圍就不好看了。List Filesystem Directory Information 3、Georgia微軟公司的網(wǎng)頁核心字體之一，具有在小字下仍能清晰辨識的特性，可讀性十分優(yōu)良（比Times New Roman強）。微軟將Georgia列入網(wǎng)頁核心字型，是Windows系統(tǒng)的內(nèi)建字型之一。是網(wǎng)站設(shè)計中，瀏覽效果最好的襯線字體，因為它是專為網(wǎng)上閱讀設(shè)計的。List Filesystem Directory Information 4、Times New RomanTimes New Roman（泰晤士新羅馬），可能是最常見且廣為人知的襯線字體之一，在字體設(shè)計上屬于過渡型襯線體，對后來的字型產(chǎn)生了很深遠(yuǎn)的影響。另外由于其中規(guī)中矩、四平八穩(wěn)的經(jīng)典外觀，所以常被選為標(biāo)準(zhǔn)字體之一。是網(wǎng)站瀏覽器默認(rèn)的字體，12pt以上的字體容易閱讀，但小字號的字體易讀性差。List Filesystem Directory Information 5、Trebuchet MS微軟公司的網(wǎng)頁核心字體之一，與Arial相似，但比Arial看起來優(yōu)雅、古典一點?？梢杂脕碜鰳?biāo)題，但小字號閱讀起來會很困難，低于13pt閱讀起來就很累了，不太推薦用來做正文字體）。List Filesystem Directory Information 6、Courier New微軟公司的網(wǎng)頁核心字體之一，老式打印機字體，有一種獨特的機械工整感覺。由于可以輕易的對齊字段的左右邊界，因此是程序員寫代碼時最常用的等寬字體。12pt的Courier New字體曾是美國國務(wù)院的公文標(biāo)準(zhǔn)字體，但于2004年1月停用，改使用14pt的Times New Roman，因為其具“現(xiàn)代性”和“易讀性”。List Filesystem Directory Information 7、 Impact微軟公司的網(wǎng)頁核心字體之一，Impact是1965年發(fā)表的一個無襯線字體，字體較為粗獷，其特粗的筆畫、緊縮的間距適合使用在標(biāo)題上，而不常用在正文。List Filesystem Directory Information8、Comic Sans MS微軟公司的網(wǎng)頁核心字體之一，手寫體。這是一種爭議很大的字體，說實話，我也不喜歡這個字體，一點美感都沒有，不過在一大堆規(guī)規(guī)矩矩的字體里面，有這么一個隨意性比較的字體，可以變換一下口味，也算不錯吧，建議不要用在正規(guī)的金融、***、商業(yè)機構(gòu)站點。List Filesystem Directory Information。