css font-family 的特點

字體的種類

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

1. serif (襯線類)

2. sans-serif(無襯線類)

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

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

一般來說,serif比較莊重,sans-serif相對活潑。因爲serif帶有襯線,在小字號下,不如sans-serif清晰,所以serif字體可以用作標題,sans-serif字體可以用作正文。

3. Handwritten Fonts(手寫類字體)

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

4. Fixed-width Fonts(等寬字體)

這種字體每個字母的寬度相等,一般用來模擬命令行輸入和打字機效果,現在多用於展現程序源碼。

5. Novelty Fonts(花式字體)

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

6. Dingbat Fonts(符號字體)

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

二、三種sans-serif字體

在製作網頁的過程中,主要使用sans-serif字體。下面就是最常用的三種。

1. Verdana

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

2. Trebuchet

Trebuchet的特點也是寬度大,形狀清晰。

3. Helvetica

Helvetica的特點是小寫字母比較大。

三、互聯網安全字體(web safe fonts)

所有平臺都預裝的字體,被稱爲“安全字體”,因爲它可以保證所有用戶的視覺效果是一樣的。

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

網上整理的“安全字體”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;


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章