font-family CSS屬性用于設(shè)置元素的文本內(nèi)容的字體。該font-family屬性應(yīng)包含多個字體名稱作為“后備”系統(tǒng)。首先從所需字體開始,然后在不可用時按順序使用后備字體。
你應(yīng)該使用一個通用字體系列來結(jié)束這個列表,它有5個字體,如:arial, sans-serif, monospace, cursive ,fantasy。下表為此屬性的用法說明和版本歷史記錄,以及該屬性在javascript腳本中的使用語法。monospacecursive
默認(rèn)值: | 取決于瀏覽器 |
---|---|
適用于: | 所有元素 |
繼承: | 是 |
可動畫制作: | 否。請參見 動畫屬性。 |
版本: | CSS 1,2,3 |
JavaScript 語法: | object.style.fontFamily="arial,sans-serif" |
該屬性的語法如下:
font-family: [ family-name | generic-family ] [, family-name | generic-family ]one or more pairs | initial | inherit
下面的示例演示了如何使用font-family屬性。
body { font-family: Arial, Helvetica, sans-serif; } h1 { font-family: "Times New Roman", Times, serif; }測試看看?/?
注意:如果字體系列的名稱超過一個單詞,則它必須用引號引起來,例如 font-family: "Times New Roman", Serif;等等。
有關(guān)更常用的字體組合,請查看CSS網(wǎng)絡(luò)安全字體。
下表描述了此屬性的值。
值 | 描述 |
---|---|
family-name | 字體系列的名稱。例如 "Times" 和 "Helvetica"。包含空格的字體名稱應(yīng)加雙引號。 |
generic-family | 當(dāng)無法使用所需的字體選擇時,可以將通用字體系列用作常規(guī)的回退機(jī)制。由于通用字體名稱是關(guān)鍵字,因此不能用引號引起來。 通用字體系列應(yīng)該是字體系列名稱列表中的最后一種選擇。定義了以下通用系列:
了解有關(guān)字體組合的更多信息。 |
initial | 將此屬性設(shè)置為其默認(rèn)值。 |
inherit | 如果指定,則關(guān)聯(lián)元素采用其父元素font-family的屬性值。 |
font-family屬性瀏覽器的兼容性,下表中的數(shù)字表示支持該屬性的瀏覽器最低版本號;所有主流瀏覽器均支持該屬性。
![]() |
|
相關(guān)屬性和規(guī)則:font,font-style,font-variant,font-weight,font-size,
line-height,@font-face。