CSS font-family Atributo

定義和用法

font-family 規定元素的字體系列。

font-family 可以把多個字體名稱作為一個“回退”系統來保存。如果瀏覽器不支持第一個字體，則會嘗試下一個。也就是說，font-family 屬性的值是用于某個元素的字體族名稱或/及類族名稱的一個優先表。瀏覽器會使用它可識別的第一個值。

有兩種類型的字體系列名稱：

  • 指定的系列名稱：具體字體的名稱，比如："times"、"courier"、"arial"。
  • 通常字體系列名稱：比如："serif"、"sans-serif"、"cursive"、"fantasy"、"monospace"

提示：使用逗號分隔每個值，並始終提供一個類族名稱作為最後的選擇。

注意：使用某種特定的字體系列（Geneva）完全取決於用戶機器上該字體系列是否可用；這個屬性沒有指示任何字體下載。因此，強烈推薦使用一個通用字體系列名稱作為後路。

另請參考：

CSS 教程：CSS 字体

CSS 參考手冊：CSS font Atributo

HTML DOM 參考手冊：font 屬性

例子

為段落設定字體：

p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }

親自試試

CSS 語法

font-family: family-name|generic-family|initial|inherit;

屬性值

值 描述
  • family-name
  • generic-family

用於某個元素的字體族名稱或/及類族名稱的一個優先表。

默認值：取決於瀏覽器。
inherit 規定應該從父元素繼承字體系列。

技術細節

默認值： 未指定
繼承性： yes
版本： CSS1
JavaScript 語法： object.style.fontFamily="arial,sans-serif"

TIY 例子

設定文本的字體
本例演示如何設定文本字體。

瀏覽器支持

表格中的數字注明了完全支持該屬性的第一個瀏覽器版本。

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5