網(wǎng)頁(yè)設(shè)計(jì)中最重要的細(xì)節(jié)之一——字體(3)

使用經(jīng)典通用字體

不同操作系統(tǒng)都有不同的字體系統(tǒng)，但既然是字體，總有一些比較經(jīng)典老牌的字體共同存在于各個(gè)系統(tǒng)中。例如無(wú)襯線的 Arial 字體，它產(chǎn)生的時(shí)間比較早，同時(shí)價(jià)格低廉，所以從早期就被 windows 操作系統(tǒng)使用，在其他的操作系統(tǒng)中，也會(huì)有較好的不同于默認(rèn)字體的顯示效果。所以 我愛(ài)水煮魚(yú)、潛行者m博客 這些網(wǎng)站，直接在 CSS 中聲明使用一個(gè)字體：Arial。

使用多個(gè)字體屬性

上面的方法很簡(jiǎn)單，但是不靈活，注重簡(jiǎn)單而不注重細(xì)節(jié)。CSS 做的很好，它可以在一個(gè)網(wǎng)頁(yè)中，聲明指定多個(gè)字體，這樣當(dāng)寫(xiě)在前面的字體，在當(dāng)前操作系統(tǒng)中沒(méi)有的話，就會(huì)使用后面字體頂替。所以當(dāng)你看一些網(wǎng)頁(yè)作品的時(shí)候，會(huì)發(fā)現(xiàn)它的 CSS 中的 font-family 屬性，指定了一大堆的 字體 名稱。但這個(gè)也不是可以隨便指定的，也有一些注意事項(xiàng)。

你應(yīng)該這樣做，先確定你網(wǎng)頁(yè)中需要用到的字體，然后確定屬于哪個(gè)字體系列有無(wú)其他的相近字體以及衍生字體，然后編寫(xiě)字體屬性。順序如下：最想用的字體》》可以代替的相近字體》》相近通用字體。例如如下寫(xiě)法：

font-family： Times， TimesNR， ‘New Century Schoolbook’，Georgia， ‘New York’， serif;

這樣的意思就是，優(yōu)先使用 Times 字體，然后系統(tǒng)沒(méi)有的話，查找同型異名的 TimesNR 字體，如果沒(méi)有，尋找系統(tǒng)中的相近字體 New Century Schoolbook 等其他字體，最后如果都無(wú)法找到，就使用通用字體 serif ，這樣瀏覽器就會(huì)尋找系統(tǒng)中的 無(wú)襯線 的默認(rèn)字體，來(lái)代替。

字體的大小選擇

形容字體大小的單位

在 CSS 中，最常用的描述字體大小的單位有兩個(gè)：em、px。通常認(rèn)為 em 為相對(duì)大小單位，px 為絕對(duì)大小單位。但從實(shí)際應(yīng)用中來(lái)講，px 像素其實(shí)也是一種相對(duì)大小單位。例如，在一塊15寸分辨率為 800×600 像素的屏幕上，10px 大小的文字，