一、字體的種類

字體一共可以分為6個大類,。

1. serif （襯線類）

2. sans-serif（無襯線類）

字母末段帶有裝飾線的就是serif,，反之就是sans-serif。

上圖中左邊的就是襯線類字體Georgia,，右邊的就是無襯線類字體Verdana。

一般來說,，serif比較莊重,，sans-serif相對活潑。因?yàn)閟erif帶有襯線,，在小字號下,，不如sans-serif清晰，所以serif字體可以用作標(biāo)題,，sans-serif字體可以用作正文,。

3. Handwritten Fonts（手寫類字體）

這種字體模仿人的筆跡，一般只在體現(xiàn)某種藝術(shù)效果時使用。下面的圖中就是四種手寫類字體,。

4. Fixed-width Fonts（等寬字體）

這種字體每個字母的寬度相等，一般用來模擬命令行輸入和打字機(jī)效果,，現(xiàn)在多用于展現(xiàn)程序源碼,。

5. Novelty Fonts（花式字體）

這種字體純粹就是追求裝飾性,，20世紀(jì)之前的印刷品都用這類字體,。

6. Dingbat Fonts（符號字體）

這類字體不是字母,，而是輸出各種各樣的符號,。

二,、三種sans-serif字體

在制作網(wǎng)頁的過程中,，主要使用sans-serif字體。下面就是最常用的三種,。

1. Verdana

Verdana幾乎在所有平臺上都預(yù)裝了,，所以是sans-serif字體的第一選擇。它的特點(diǎn)就是字母間距比較寬,，字母本身的寬度也比較大,，所以比較容易閱讀。

2. Trebuchet

Trebuchet的特點(diǎn)也是寬度大,，形狀清晰。

3. Helvetica

Helvetica的特點(diǎn)是小寫字母比較大,。

三,、互聯(lián)網(wǎng)安全字體（web safe fonts）

所有平臺都預(yù)裝的字體,，被稱為“安全字體”，因?yàn)樗梢员ＷC所有用戶的視覺效果是一樣的,。

以下九種字體就是“安全字體”：Arial,、Arial Black、Comic Sans MS,、Courier New,、Georgia、Impact,、Times New Roman,、Trebuchet MS和Verdana,。

網(wǎng)上整理的“安全字體”CSS寫法,，以下是效果。

1. serif類

font-family: Garamond, serif;

font-family: Georgia, serif;

font-family: 'Times New Roman', Times, serif;

font-family: 'Bookman Old Style', serif;

font-family: 'Palatino Linotype', 'Book Antiqua', Palatino, serif;

2.sans-serif類

font-family: Arial, Helvetica, sans-serif;

font-family: 'Arial Black', Gadget, sans-serif;

font-family: Impact, Charcoal, sans-serif;

font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;

font-family: 'MS Sans Serif', Geneva, sans-serif;

font-family: 'MS Serif', 'New York', sans-serif;

font-family: Symbol, sans-serif;

font-family: Tahoma, Geneva, sans-serif;

font-family: 'Trebuchet MS', Helvetica, sans-serif;

font-family: Verdana, Geneva, sans-serif;

font-family: Webdings, sans-serif;

font-family: Wingdings, 'Zapf Dingbats', sans-serif;

3. 手寫類

font-family: 'Comic Sans MS', cursive;

4. 等寬類

font-family: Courier, monospace;

font-family: 'Courier New', Courier, monospace;

font-family: 'Lucida Console', Monaco, monospace;

[延伸閱讀]

1. The Principles of Beautiful Typography, By Jason Beaird

2. The Anatomy of Web Fonts, By Andy Hume

（完）