話說CSS字體屬性font-family、font-style、font-size、font-weight、font-variant：

使用CSS，可以對字體進行設(shè)置，字體屬性包括五種常見屬性：字體系列font-family、字體樣式/字體風(fēng)格font-style、字體大小font-size、字體粗細font-weight、字體變量font-variant。通過這五個屬性，可以設(shè)定文本在web頁面的顯示效果或文本的打印效果。

1.字體系列font-family

支持按照優(yōu)先級順序列出各種要指派使用的字體，當用戶系統(tǒng)沒有安裝首選字體時候，向后搜索，選用下一個指派的字體解析顯示。
如：

復(fù)制代碼代碼如下:
p{font-family:Verdana,Arial,Helvetica,sans-serif;}
其中，字體名稱由兩個或者多個單詞構(gòu)成，必須使用引號括起來，如下：

復(fù)制代碼代碼如下:
p{font-family:”Times New Roman”,Georgia,serif;}

說明：由于一般的操作系統(tǒng)與瀏覽器都安裝與支持以下字體，所以web開發(fā)中使用最安全的字體系列為：Arial、Helvetica、 Times New Roman、 Times、 Courier New 和 Courier。而Verdana、Georgia、Comic Sans MS、Trebuchet MS、Arial Black和Impact字體對于蘋果的Mac系統(tǒng)和微軟的Windows系統(tǒng)來說是安全的，但可能不支持安裝在像Linux這樣的開源操作系統(tǒng)中。其他經(jīng)常使用但是不太安全的字體還有：Palatino、Garamond、Bookman和Avant Garde等。

2.字體樣式/字體風(fēng)格font-style
font-style屬性有三個值：normal、italic和 oblique。三種字體風(fēng)格對應(yīng)三種表現(xiàn)的字體效果：
normal：默認樣式。瀏覽器顯示一個標準的字體。
italic：瀏覽器會顯示一個斜體的字體。
oblique：瀏覽器會顯示一個傾斜的字體。

容易產(chǎn)生疑問和困惑是italic 和 oblique 之間的區(qū)別。主要區(qū)別總結(jié)為：

字體樣式italic、oblique 需要系統(tǒng)中字體文件的支持。
字體名中帶有“Italic”、“Cursive”（草書）或“Kursiv”（一種書信體）的字體通常標記為“italic”。
字體名中帶有“Oblique”、“Slanted”（斜體）或“Incline”（傾斜）的字體通常標記為“oblique”。
如果“italic”字體不存在，而只有Oblique字體，則使用后者“oblique”字體，但若“oblique”字體不存在，則不能用“italic”替代，此時瀏覽器會將正常直立字體傾斜一個角度來作為傾斜字體使用。
在很多情況下，斜體和傾斜字體幾乎看不出區(qū)別，特別是對那些沒有特別提供這兩種樣式的字體來說
從本質(zhì)上來說，斜體（italic）是一種簡單的字體風(fēng)格，對每個字母的結(jié)構(gòu)有微小的變動，外觀區(qū)別于正常字體風(fēng)格。不過，傾斜（oblique）風(fēng)格則是正常豎直文本的一個傾斜版本。

通常情況下，italic 和 oblique 文本在 web 瀏覽器中看上去不存在明顯的差別。