CSS font-family 屬性
示例
為兩個段落指定字型
p.a {
font-family: "Times New Roman", Times, serif;
}
p.b {
font-family: Arial, Helvetica, sans-serif;
}
自己動手試一試 »
定義和用法
font-family 屬性為元素指定字型。
font-family 屬性可以包含多個字型名稱作為“回退”系統。如果瀏覽器不支援第一個字型，它會嘗試下一個字型。
字體系列名稱有兩種型別：
- family-name - 字體系列的名稱，例如“times”、“courier”、“arial”等。
- generic-family - 通用字體系列的名稱，例如“serif”、“sans-serif”、“cursive”、“fantasy”、“monospace”。
從你想要的字型開始，並始終以通用字體系列結尾，以便在沒有其他字型可用時，瀏覽器可以從通用字體系列中選擇一個相似的字型。
注意：每個值用逗號分隔。
注意：如果字型名稱包含空格，則必須將其加引號。當在 HTML 中使用“style”屬性時，必須使用單引號。
| 預設值 | 取決於瀏覽器 |
|---|---|
| 繼承 | 是 |
| 可動畫 | 否。 閱讀關於可動畫屬性 |
| 版本 | CSS1 |
| JavaScript 語法 | object.style.fontFamily="Verdana,sans-serif" 嘗試一下 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
| 屬性 | |||||
|---|---|---|---|---|---|
| font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS 語法
font-family: family-name|generic-family|initial|inherit;
屬性值
| 值 | 描述 | 演示 |
|---|---|---|
| family-name / generic-family | 優先順序排序的字體系列名稱和/或通用字體系列名稱列表 | 演示 ❯ |
| initial | 將此屬性設定為其預設值。閱讀關於initial | |
| inherit | 從其父元素繼承此屬性。閱讀關於inherit |
相關頁面
CSS 教程：CSS 字型
CSS 參考： font 屬性
HTML DOM 參考：fontFamily 屬性
