關(guān)于字體的討論，其實(shí)無(wú)論是國(guó)外還是國(guó)內(nèi)，都已經(jīng)有不少，可是我發(fā)現(xiàn)絕大部分的內(nèi)容或者有失偏頗，或者不夠全面，下面我試圖將自己一段時(shí)間內(nèi)的觀點(diǎn)總結(jié)一下，以求提出一個(gè)比較容易接受的 CSS 字體選擇的建議。

事關(guān)大小

    字體的大小總是一個(gè)困擾人的問(wèn)題，用絕對(duì)單位還是用相對(duì)單位？或者具體來(lái)說(shuō)，用什么單位？ex? em? pt? px? 百分比? 讓我們看看 CSS 2.1 Spec 中的說(shuō)明:

1. 相對(duì)大小包括：em, ex, px

2. 絕對(duì)大小包括：in, cm, mm, pt, pc

3. em 就是相對(duì) font-size 制定的大小而言的，例如 margin: 1.2em 就是指設(shè)置 1.2 個(gè)字符寬度的 margin，當(dāng) em 本身用于 font-size 時(shí)，指的是它所繼承元素的相對(duì)大小。

4. 百分比也是相對(duì) font-size 而言的。

    因此我認(rèn)為，em 和百分比都不適合設(shè)置字體的大小，因?yàn)橄嗷プ儎?dòng)的因素太多了，修改一個(gè)地方就有可能影響很多其他的地方。ex 是根據(jù)拉丁字母的 x 的高度而言的，這不適合漢字的大小，所以也否決了。px 是根據(jù)當(dāng)前顯示設(shè)備的解析度而言的，同一個(gè) px 對(duì)應(yīng)不同的設(shè)備——比如屏幕或紙張——實(shí)際的大小會(huì)有一定差異。

    所以我認(rèn)為，如果網(wǎng)頁(yè)中應(yīng)該存在作為絕對(duì)參照系的長(zhǎng)度，那么 pt 和 px 應(yīng)該是首選，其他的長(zhǎng)度根據(jù)這個(gè)絕對(duì)參照系，按照百分比或者 em 來(lái)變動(dòng)。

    下面談?wù)劸W(wǎng)頁(yè)和印刷中大小造成的差異。99% 的網(wǎng)頁(yè)是用來(lái)在屏幕上閱讀的，而問(wèn)題在于，屏幕的解析度要比紙張低得多，所以如果直接把字體按照紙張上印刷的那個(gè)大小顯示，肯定是看不清的，僅就英文字體而言，許多細(xì)微的點(diǎn)劃、襯線(xiàn)都沒(méi)法在那么低的解析度下表現(xiàn)出來(lái)，所以我們只能用專(zhuān)門(mén)設(shè)計(jì)給屏幕顯示的字體。

    這些字體的優(yōu)劣是很難評(píng)述的，有一種看法認(rèn)為，盡管紙張印刷中都傾向于有襯線(xiàn) (serif) 的字體比無(wú)襯線(xiàn) (sans-serif) 的要易讀，但屏幕上無(wú)襯線(xiàn)的字體反而要好一些。所以微軟把 Verdana 吹捧為了最適合網(wǎng)頁(yè)使用的字體。我通常也偏向于使用 Verdana、Arial 多于 Times、Georgia。

    對(duì)于中文字體的情況有所不同，中文字體在屏幕上的清晰顯示依賴(lài)的是點(diǎn)陣字體，或者簡(jiǎn)單的說(shuō)，就是微軟隨 Windows 提供的宋體和新宋體 (simsun & nsimsun)，這套字體是華康公司 (Dynalab) 設(shè)計(jì)的，對(duì) 9pt 到 12pt 左右的字體都設(shè)計(jì)了對(duì)應(yīng)的點(diǎn)陣字體。其中使用得最廣泛的是 9pt, 10.5pt 和 12pt 的字體：

    那么比這個(gè)大小要大的漢字呢？就要依賴(lài)操作系統(tǒng)的字體圓整 (anti-alias，以下簡(jiǎn)稱(chēng) aa) 技術(shù)了，一般大家認(rèn)為，Mac OS X 和 Linux 下的 AA 要比 Windows 的 ClearType 好很多。然而不管怎么說(shuō)，用太大的漢字是比較危險(xiǎn)的。

事關(guān)空間

今天新加一節(jié)，本來(lái)計(jì)劃好的，昨天寫(xiě)的時(shí)候又忘了。

    這里的空間指的是 letter-spacing 和 line-height，也就是字間距和行間距。首先，良好的行間距是排版最重要的地方，你可能不能自由選擇字體，字號(hào)的選擇也受諸多限制，但至少行間距的選擇是可以完全由自己控制的。

    所謂的 line-height，指的是兩行字基線(xiàn) (base-line) 之間的距離，什么是基線(xiàn)？下面圖中的紅線(xiàn)便是，對(duì)于漢字，則應(yīng)該就是底部的水平線(xiàn)。

    在印刷排版中，習(xí)慣用 pt 來(lái)指定行高，比如所謂采用 12/14pt 排版，就是字號(hào) 12pt，行高 14pt；而 Web 中似乎習(xí)慣用百分比來(lái)設(shè)置，這個(gè)見(jiàn)仁見(jiàn)智，只要自己看得順眼就行。但必須注意的是，瀏覽器默認(rèn)的行高一定是不夠的，尤其對(duì)于希望瀏覽者長(zhǎng)時(shí)間閱讀的內(nèi)容，行高 - 字號(hào)至少要有 2pt 以上。更苛刻的排版學(xué)家通常推薦 3pt 以上，但畢竟 Web 上可以隨意一點(diǎn)。

    但 letter-spacing 又是另一回事，我沒(méi)學(xué)過(guò)書(shū)法，漢字的間距不好多說(shuō)，但英文字母的間距卻不應(yīng)該隨便調(diào)整，尤其不宜統(tǒng)一調(diào)整。因?yàn)閷?shí)際上，Type1、TrueType、OpenType 這些字體格式中都包含了一個(gè)叫做 kerning table 的東西，也就是字母間距的微調(diào)。為什么要做這種微調(diào)？?jī)蓚€(gè)簡(jiǎn)單的例子是 AV 和 We，如果不做微調(diào)，“A”和“V”之間的距離就會(huì)過(guò)寬，“e”也不會(huì)像我們平常書(shū)寫(xiě)的那樣和“W”契合得那么自然，下圖顯示了 Adobe Reader 中，使用 Sabon Next 字體時(shí)的 kerning 效果：

    大部分的 User Agent，當(dāng)然也包括你的瀏覽器，都會(huì)根據(jù)字體的 kerning table 自動(dòng)做這個(gè)微調(diào)工作，但倘若你使用 CSS 來(lái)修改 letter-spacing，這個(gè)工作就白費(fèi)工夫了。所以我才建議不要隨便調(diào)整 letter-spacing。比如 WordPress 原來(lái)的 Classic Theme (Dave Shea 設(shè)計(jì)，Matt 修改)，就犯了這個(gè)毛病。

事關(guān)風(fēng)格

    談到英文字體，可以扯出許多掌故，不過(guò)這里且說(shuō)說(shuō) Web 開(kāi)發(fā)有關(guān)的。

    關(guān)于 Times New Roman，首先，與大家一般保留的印象不同，Times 不應(yīng)該是一個(gè)適合長(zhǎng)時(shí)間閱讀的字體，尤其不適合書(shū)籍的閱讀，因?yàn)楸娝苤?，Times 一開(kāi)始是給報(bào)紙?jiān)O(shè)計(jì)的一種字體，而為了適應(yīng)報(bào)紙這種在劣質(zhì)紙張的快速印刷的環(huán)境，字體的襯線(xiàn)不得不夸張一些，否則細(xì)節(jié)很容易被油墨破壞，所以把 Times 用在書(shū)籍上其實(shí)是一種很不負(fù)責(zé)任的方式。

    比這個(gè)更不負(fù)責(zé)任的是用 Times New Roman，Times New Roman 其實(shí)是一種壓縮 (Condensed) 了的 Times，比原來(lái)的 Times 更細(xì)長(zhǎng)，更不易讀了。下面的一個(gè)比較應(yīng)該比較容易分辨出優(yōu)劣來(lái)：

Times 與 Times New Roman 的比較

#p#

    是不是沒(méi)有好的字體呢？不是，Sabon、Minion、Jansen-Text, Adobe Caslon, Adobe Garamond 等等都是非常適合閱讀的字體，只不過(guò)這些字體都是商業(yè)的，也就是說(shuō)，不是可以免費(fèi)得到的。Microsoft 提供的字體中也有質(zhì)量比較好的，比如 Hermann Zapf 親自監(jiān)制的 Palatino Linotype。事實(shí)上，Adobe 選擇的 35 種標(biāo)準(zhǔn)的 PostScript 字體 (Times Roman, Helvetica, Courier, Palatino 等等) 中，Zapf 設(shè)計(jì)的 Palatino 就是使用最廣泛的，也最容易閱讀的字體。這些字體由 URW 免費(fèi)提供了，是質(zhì)量很好的字體，可惜的是并非應(yīng)用得特別廣泛 (不過(guò)大部分的 Linux Distribution 中都包括 urw-fonts 這個(gè) package，大部分的 TeX distribution 也都包括 urw 這個(gè) package)。

   說(shuō)到 Palatino, 我們也可以看看 Web 上 Palatino 和 Palatino Linotype 的區(qū)別：

Palatino 的比較

    相信可以看出，高質(zhì)量的 Type1 字體，本身就帶有字體圓整效果，這是比 Truetype 優(yōu)越的地方。

我的建議

我的建議是什么呢？恐怕還是老生常談：

1. 用 pt 作為絕對(duì)參照系。

2. 中文字體盡量使用 9pt, 10.5 和 12pt 中的一種。

3. 一定要仔細(xì)調(diào)整行高，避免調(diào)整字母間距。

4. 選擇字體的時(shí)候，先考慮 Type1，再考慮 Truetype，最后考慮都沒(méi)有的情況，比如我想用 Palatino, 那么應(yīng)該：font-family: Palatino, "Palatino Linotype", serif;。

－－－－－－－－－－－－－－－－－－引用分隔線(xiàn)－－－－－－－－－－－－－－－－－－－－

    9pt, 10.5 和 12pt 的漢字之所以顯示效果很好，是因?yàn)樵趖ruetype中嵌入了相應(yīng)的優(yōu)化過(guò)的點(diǎn)陣字體，這種技術(shù)好像是叫做hint。

    有些繁體或者日文漢字是可以在8pt等極小尺寸下優(yōu)秀顯示的，也是因?yàn)榍度肓颂貏e優(yōu)化過(guò)的點(diǎn)陣字體。

    對(duì)英文來(lái)說(shuō)，在屏幕上襯線(xiàn)字體的顯示確實(shí)不如無(wú)襯線(xiàn)字體。不過(guò)，漢字呢？似乎是完全相反的情況。 屏幕上的宋體恐怕比黑體看得舒服的不是一點(diǎn)點(diǎn)，當(dāng)然，是因?yàn)榉直媛实脑颉?br/>
    Type1和Truetype 的區(qū)別？這個(gè)我確實(shí)不知道，需要了解一下。

ps：相關(guān)概念

 1、點(diǎn)陣字、TrueType字、PS字

TrueType字庫(kù)是由Microsoft和Apple在1991年共同推出的，供前端排版時(shí)顯示和打印輸出，雖然打印質(zhì)量沒(méi)有PostScript字庫(kù)好，但是完全可以滿(mǎn)足一般用字的需求。

PostScript是Adobe于1985年發(fā)表的文件描述技術(shù)，按該 PostScript頁(yè)面描述語(yǔ)言語(yǔ)法定義的字庫(kù)就是PostScipt字庫(kù)，其主要特點(diǎn)是可以精確地描述繪制字型，因而按印刷工業(yè)中的質(zhì)量標(biāo)準(zhǔn)，PostScript字庫(kù)在平滑性、細(xì)節(jié)和忠實(shí)性方面比TrueType字庫(kù)要好。PostScript字庫(kù)一般裝于后端輸出設(shè)備如激光打印或RIP軟件中，而它在前端的使用需要依靠特殊的軟件比如Adobe 的ATM，由于PostScript字庫(kù)在操作系統(tǒng)軟件中的兼容性不是很理想，目前主要還是用于后端輸出。

OpenType也叫Type 2字體，是由Microsoft和Adobe公司從1995年開(kāi)始聯(lián)合開(kāi)發(fā)的另外一種字體格式。它也是一種PostScript輪廓字體，比TrueType更為強(qiáng)大，最明顯的一個(gè)好處就是可以把PostScript字體嵌入到TrueType的軟件中，因此不管在屏幕顯示和打印都可以獲得優(yōu)秀的輸出質(zhì)量。同時(shí)支持Windows、Mac和Linux系統(tǒng)平臺(tái)，支持Unicode大字符集，還有版權(quán)保護(hù)。此外OpenType還可以包含連體字、上下標(biāo)、花飾字等豐富的排版特性?？梢哉f(shuō)它是Type 1和TrueType的超集。

注：OpenType標(biāo)準(zhǔn)定義了OpenType文件名稱(chēng)的后綴名。包含TureType字體的OpenType文件后綴名為.ttf，包含PostScript字體的文件后綴名為.OTF。如果是包含一系列TrueType字體的字體包文件，那么后綴名為.TTC。