font-family

語法:

font-family:[ <family-name> | <generic-family> ] #

<family-name> = arial | georgia | verdana | helvetica | mingliu and etc.

<generic-family> = cursive | fantasy | monospace | serif | sans-serif

預設值由user agent決定

適用於:所有元素

繼承性:有

動畫性:否

計算值:指定值

媒 體:視覺

取值:

<family-name>:
字體名稱。按優先順序排列。以逗號隔開。如果字體名稱包含空格或中文,則應使用引號括起
<generic-family>:
字體序列名稱。

說明:

定義元素文字的字體名稱序列。
  • 序列可包含嵌入字體。請參閱@font-face規則。
  • 一般字體引用可以不加引號,如果字體名包含了空格、數字或者符號(如連接符)則需加上引號,避免引發錯誤。
  • user agent會遍歷定義的字體序列,直到相符到某個字體為止。
  • 指定字體序列:

    寫法:

    body { font-family: helvetica, verdana, sans-serif; }

    如上字體定義,假設你機器上沒有helvetica字體,但有verdana,這時將會以verdana顯示你的文字。

  • 對應的腳本特性為:fontFamily

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+

示例: