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
支持 支持 支持 支持 支持