2.6  字體

使用CSS，可以設定4種主要的字體屬性：字體系列、字體樣式、字體大小和字體粗細。通過它們，可調整文本在Web頁面中或打印時顯示的方式。

2.6.1  字體系列

Font-family屬性指派要使用的字體。它也支持按優(yōu)先級順序列出各種字體，這樣當用戶沒有安裝首選的字體時，樣式化可以適當降級。例如，要給段落設置默認字體，可以使用一個如下所示的CSS規(guī)則：

p { font-family: Verdana, Arial, Helvetica, sans-serif; }

其中，字體名稱由兩個或多個詞構成，必須將名稱放在引號內，如下所示：

p { font-family: "Times New Roman", Georgia, serif; }

提示：

由于它們實際應在所有Web瀏覽器和操作系統(tǒng)中可用，所以在Web頁面上使用的最安全的字體系列為Arial、Helvetica、Times New Roman、Times、Courier New和Courier。Verdana、Georgia、Comic Sans MS、Trebuchet MS、Arial Black和Impact字體對于Mac和PC來說是安全的，但可能不能安裝在像Linux這樣的操作系統(tǒng)上。其他常用但不太安全的字體有Palatino、Garamond、Bookman和Avant Garde。如果使用其中一種字體，則要確保在CSS中提供一個或多種較安全的字體作為退路，這樣Web頁面將在沒有首選字體的情況下適當降級。

2.6.2  字體樣式

通過這一屬性，可以選擇正常、以斜體字或傾斜體顯示一個字體。下列規(guī)則創(chuàng)建了3個可對元素應用這些效果的類(normal、italic和oblique)：

.normal {font-style:normal; }

.italic {font-style:italic; }

.oblique {font-style:oblique; }

2.6.3  字體大小

如前面有關度量單位一節(jié)所述，可以以多種方式改變字體大小。但這些方式歸為兩種主要類型：固定的和相對的。固定設置如下規(guī)則所示，其將默認段落字體大小設置為14磅：

p { font-size:14pt; }

或者，使用當前默認字體大小，通過它樣式化各種類型的文本，如標題。在下列規(guī)則中，定義了一些標題的相對大小，從<h4>標記開始，它比默認值大20%，然后各個標記依次比前一個標記大40%。

h1 { font-size:240%; }

h2 { font-size:200%; }

h3 { font-size:160%; }

h4 { font-size:120%; }

2.6.4  字體粗細

使用這一屬性，可以選擇以何種粗細度顯示字體?？墒褂玫闹饕涤衝ormal和bold，如下所示：

.bold { font-weight:bold; }