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

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

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

使用多個字體屬性

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

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

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

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

字體的大小選擇

形容字體大小的單位

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