Style fontFamily 屬性

定義和用法

fontFamily 屬性設置或返回元素中文本的字體族（font-family）名稱和/或通用系列（generic-family）名稱的列表。

瀏覽器將使用它能夠識別的第一個值。

有兩種類型的 font-family 值：

  • font-family: 字體族的名稱，如 "verdana" 或 "arial"
  • generic-family: 通用字體系列的名稱，例如 "serif" 或 "sans-serif"

提示

請始終規定通用系列名稱作為最后的選擇！

請用逗號分隔每個值。

如果字體系列名稱包含空格，則必須對其使用引號。

請參閱 Web 安全字體，了解常用字體組合。

另請參閱：

CSS 教程：CSS 字體

CSS 參考手冊：font-family 屬性

HTML DOM 參考手冊：font 屬性

實例

例子 1

設置 <p> 元素的字體：

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";

親自試一試

例子 2

對可能值的演示：

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;

親自試一試

例子 3

返回 <p> 元素的字體：

alert(document.getElementById("myP").style.fontFamily);

親自試一試

語法

返回 fontFamily 屬性：

object.style.fontFamily

設置 fontFamily 屬性：

object.style.fontFamily = "font1, font2...|initial|inherit"

屬性值

值 描述
font1, font2... 以逗號分隔的字體族名稱和/或通用系列名稱列表。
initial 將此屬性設置為其默認值。請參閱 initial。
inherit 從其父元素繼承此屬性。請參閱 inherit。

技術細節

默認值： 未規定
返回值： 字符串，表示元素中文本的字體名稱。
CSS 版本： CSS1

瀏覽器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持