CSS font-family 屬性 · W3School CSS 參考手冊

# CSS font-family 屬性 ## 實例為段落設置字體： ``` p { font-family:"Times New Roman",Georgia,Serif; } ``` ## 瀏覽器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有主流瀏覽器都支持 font-family 屬性。注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。 ## 定義和用法 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" | | --- | --- | ## 可能的值 | 值 | 描述 | | --- | --- | | * _family-name_ * _generic-family_ | 用于某個元素的字體族名稱或/及類族名稱的一個優先表。默認值：取決于瀏覽器。 | | inherit | 規定應該從父元素繼承字體系列。 | ## TIY 實例 [設置文本的字體](/tiy/t.asp?f=csse_font-family) 本例演示如何設置文本字體。 ``` <html> <head> <style type="text/css"> p.serif{font-family:"Times New Roman",Georgia,Serif} p.sansserif{font-family:Arial,Verdana,Sans-serif} </style> </head> <body> <h1>CSS font-family</h1> <p class="serif">This is a paragraph, shown in the Times New Roman font.</p> <p class="sansserif">This is a paragraph, shown in the Arial font.</p> </body> </html> ``` ## 相關頁面 CSS 教程：[CSS 字體](/css/css_font.asp "CSS 字體") CSS 參考手冊：[CSS font 屬性](/cssref/pr_font_font.asp "CSS font 屬性") HTML DOM 參考手冊：[font 屬性](/jsref/prop_style_font.asp "HTML DOM font 屬性")