這樣用戶代理就會從 sans-serif 字體系列中選擇一個字體(如 Helvetica),并將其應(yīng)用到 body 元素。因為有繼承,這種字體選擇還將應(yīng)用到 body 元素中包含的所有元素,除非有一種更特定的選擇器將其覆蓋。
除了使用通用的字體系列,您還可以通過 font-family 屬性設(shè)置更具體的字體。
下面的例子為所有 h1 元素設(shè)置了 Georgia 字體:
h1 {}
這樣的規(guī)則同時會產(chǎn)生另外一個問題,如果用戶代理上沒有安裝 Georgia 字體,就只能使用用戶代理的默認字體來顯示 h1 元素。
我們可以通過結(jié)合特定字體名和通用字體系列來解決這個問題:
h1 {}如果讀者沒有安裝 Georgia,但安裝了 Times 字體(serif 字體系列中的一種字體),用戶代理就可能對 h1 元素使用 Times。盡管 Times 與 Georgia 并不完全匹配,但至少足夠接近。
因此,我們建議在所有 font-family 規(guī)則中都提供一個通用字體系列。這樣就提供了一條后路,在用戶代理無法提供與規(guī)則匹配的特定字體時,就可以選擇一個候選字體。
如果您對字體非常熟悉,也可以為給定的元素指定一系列類似的字體。要做到這一點,需要把這些字體按照優(yōu)先順序排列,然后用逗號進行連接:
p {}根據(jù)這個列表,用戶代理會按所列的順序查找這些字體。如果列出的所有字體都不可用,就會簡單地選擇一種可用的 serif 字體。
使用引號
您也許已經(jīng)注意到了,上面的例子中使用了單引號。只有當(dāng)字體名中有一個或多個空格(比如 New York),或者如果字體名包括 # 或 $ 之類的符號,才需要在 font-family 聲明中加引號。
單引號或雙引號都可以接受。但是,如果把一個 font-family 屬性放在 HTML 的 style 屬性中,則需要使用該屬性本身未使用的那種引號:
...
![]() | ![]() .. 定價:¥45 優(yōu)惠價:¥42 更多書籍 |
![]() | ![]() .. 定價:¥225 優(yōu)惠價:¥213 更多書籍 |