2.6  字體

使用CSS，可以設(shè)定4種主要的字體屬性：字體系列、字體樣式、字體大小和字體粗細(xì)。通過(guò)它們，可調(diào)整文本在Web頁(yè)面中或打印時(shí)顯示的方式。

2.6.1  字體系列

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

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

其中，字體名稱由兩個(gè)或多個(gè)詞構(gòu)成，必須將名稱放在引號(hào)內(nèi)，如下所示：

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

提示：

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

2.6.2  字體樣式

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

.normal {font-style:normal; }

.italic {font-style:italic; }

.oblique {font-style:oblique; }

2.6.3  字體大小

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

p { font-size:14pt; }

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

h1 { font-size:240%; }

h2 { font-size:200%; }

h3 { font-size:160%; }

h4 { font-size:120%; }

2.6.4  字體粗細(xì)

使用這一屬性，可以選擇以何種粗細(xì)度顯示字體。可使用的主要值有normal和bold，如下所示：

.bold { font-weight:bold; }