Style fontFamily 屬性
示例
設定元素的字型
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";自己動手試一試 »
描述
fontFamily 屬性設定或返回元素中文字的字體系列名稱和/或通用字體系列名稱列表。
瀏覽器將使用它識別的第一個值。
字體系列值有兩種型別
- font-family：字體系列的名稱，如 "verdana" 或 "arial"
- generic-family：通用字體系列的名稱，如 "serif" 或 "sans-serif"
提示：始終將通用字體系列名稱指定為最後一個備選！
注意：每個值用逗號分隔。
注意：如果字體系列名稱包含空格，則必須加引號。
提示：請參閱 網頁安全字型 以獲取常用字型組合。
瀏覽器支援
| 屬性 | |||||
|---|---|---|---|---|---|
| fontFamily | 是 | 是 | 是 | 是 | 是 |
語法
返回 fontFamily 屬性
物件.style.fontFamily
設定 fontFamily 屬性
物件.style.fontFamily = "font1, font2, etc.|initial|inherit"
屬性值
| 值 | 描述 |
|---|---|
| font1, font2, etc. | 以逗號分隔的字體系列名稱和/或通用字體系列名稱列表 |
| initial | 將此屬性設定為其預設值。閱讀關於 initial |
| inherit | 從其父元素繼承此屬性。閱讀關於 inherit |
技術詳情
| 預設值 | 未指定 |
|---|---|
| 返回值 | 一個字串，表示元素中文字的字型名稱 |
| CSS 版本 | CSS1 |
更多示例
示例
可能值的演示
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
自己動手試一試 »
相關頁面
CSS 教程：CSS 字型
CSS 參考：font-family 屬性
HTML DOM 參考：font 屬性
