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