在網(wǎng)頁(yè)布局中對(duì)字體的控制是非常重要的,，因?yàn)樗P(guān)系到用戶的體驗(yàn)，也就是頁(yè)面的美觀,。本文根據(jù)作者獨(dú)特的 CSS 實(shí)線經(jīng)驗(yàn)總結(jié)出來(lái)的,。

這是我用過(guò)的最好的全局字體解決方案了，當(dāng)然,，這只是基于我個(gè)人的評(píng)判標(biāo)準(zhǔn),。稍后我還會(huì)分析一下其他字體寫(xiě)法的優(yōu)缺點(diǎn)，最后再總結(jié)這個(gè)寫(xiě)法的特點(diǎn),。

這個(gè)寫(xiě)法的缺點(diǎn)在于：

宋體在 Safari 和 Vista 的 IE7 下,，看起來(lái)特難看,。

宋體的英文字很難看。

如果在 CSS 里寫(xiě)中文,，你得小心你 HTML 和 CSS 的編碼是否一致。

這樣寫(xiě)可以避免上面的第三個(gè)問(wèn)題,。但是宋體本身確實(shí)很難看,。我們希望在不同平臺(tái)下，都用各自默認(rèn)的字體,。XP 是宋體,，Vista 是微軟雅黑，Mac 是黑體,。這樣的話,，只能將字體的第一個(gè)設(shè)置為英文字體，這樣遇到中文的時(shí)候,，瀏覽器會(huì)自動(dòng)調(diào)用默認(rèn)字體（Vista IE 7的一些版本里貌似默認(rèn)還是宋體,，這個(gè)我就無(wú)能為力了，交給用戶設(shè)置的自主權(quán)吧）

這是一個(gè)不錯(cuò)的解決辦法,。Tahoma 其實(shí)是一個(gè)挺漂亮的字體,，但它也會(huì)帶來(lái)一些問(wèn)題：

由 Tahoma 顯示的中文，在 IE6 里,，下劃線會(huì)緊緊的貼住中文字,，很難看。

IE6 下,，Tahoma 無(wú)法正確的設(shè)定為 13px,。它會(huì)跟 14px 一樣大。但是其他瀏覽器沒(méi)有這個(gè)問(wèn)題,。

如果一行里同時(shí)出現(xiàn)中文和英文,，且這一行里有元素被定義了 vertical-align 屬性，在 IE 6,、7 里會(huì)導(dǎo)致文字高低不齊,，甚至出現(xiàn)下劃線錯(cuò)位。

上述兩個(gè)問(wèn)題,，Arial 都沒(méi)有,。但是 Arial 也有缺點(diǎn)：

比 Tahoma 難看。

Tahoma 里的第三個(gè)問(wèn)題也同樣存在,。不過(guò),，這個(gè) bug 是有個(gè)解決辦法的，就是將這一行定義 zoom:1,。

所以,，我們不難看出,，定義為 Arial 是最合適的。如果實(shí)在不喜歡,，可以將全局定義為 Tahoma,，然后再將有下劃線的（如鏈接）文字定義為 Arial，這也是個(gè)不錯(cuò)的辦法,。

最后,，對(duì)于全局字體，補(bǔ)充一點(diǎn)：

在 IE 里,，所有的表單元素都不繼承 body 的字體屬性,，需要單獨(dú)設(shè)置：