CSS font-family 屬性
定義和用法
font-family 規(guī)定元素的字體系列。
font-family 可以把多個(gè)字體名稱作為一個(gè)“回退”系統(tǒng)來(lái)保存。如果瀏覽器不支持第一個(gè)字體,則會(huì)嘗試下一個(gè)。也就是說(shuō),font-family 屬性的值是用于某個(gè)元素的字體族名稱或/及類族名稱的一個(gè)優(yōu)先表。瀏覽器會(huì)使用它可識(shí)別的第一個(gè)值。
有兩種類型的字體系列名稱:
- 指定的系列名稱:具體字體的名稱,比如:"times"、"courier"、"arial"。
- 通常字體系列名稱:比如:"serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"
提示:使用逗號(hào)分割每個(gè)值,并始終提供一個(gè)類族名稱作為最后的選擇。
注意:使用某種特定的字體系列(Geneva)完全取決于用戶機(jī)器上該字體系列是否可用;這個(gè)屬性沒有指示任何字體下載。因此,強(qiáng)烈推薦使用一個(gè)通用字體系列名作為后路。
默認(rèn)值: | not specified |
---|---|
繼承性: | yes |
版本: | CSS1 |
JavaScript 語(yǔ)法: | object.style.fontFamily="arial,sans-serif" |
實(shí)例
為段落設(shè)置字體:
p { font-family:"Times New Roman",Georgia,Serif;
}
TIY
瀏覽器支持
所有主流瀏覽器都支持 font-family 屬性。
注釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。
可能的值
值 | 描述 |
---|---|
| 用于某個(gè)元素的字體族名稱或/及類族名稱的一個(gè)優(yōu)先表。 默認(rèn)值:取決于瀏覽器。 |
inherit | 規(guī)定應(yīng)該從父元素繼承字體系列。 |
TIY 實(shí)例
- 設(shè)置文本的字體
- 本例演示如何設(shè)置文本字體。
相關(guān)頁(yè)面
CSS 教程:CSS 字體
CSS 參考手冊(cè):CSS font 屬性
HTML DOM 參考手冊(cè):font 屬性