CSS font-family 屬性

weixin_34126215發表於2015-12-10

CSS font-family 屬性

例項

為段落設定字型:

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

親自試一試

瀏覽器支援

IEFirefoxChromeSafariOpera
         

所有主流瀏覽器都支援 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 規定應該從父元素繼承字型系列。