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