目录

style fontFamily 属性

示例

设置元素的字体:

document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
亲自试一试 »

描述

fontFamily 属性设置或返回元素中文本的字体系列名称和/或通用系列名称列表。

浏览器将使用它识别的第一个值。

有两种类型的 font-family 值:

  • font-family:字体系列的名称,例如 "verdana" 或 "arial"
  • generic-family:通用字体系列的名称,例如 "serif" 或 "sans-serif"

提示:始终指定通用家族名称作为最后的选择!

笔记:用逗号分隔每个值。

笔记:如果字体系列名称包含空格,则必须用引号引起来。

提示:看着网页安全字体对于常用的字体组合。


浏览器支持

Property
fontFamily Yes Yes Yes Yes Yes

语法

返回 fontFamily 属性:

object.style.fontFamily

设置 fontFamily 属性:

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

属性值

Value Description
font1, font2, etc. A comma-separated list of font-family names and/or generic-family names
initial Sets this property to its default value. Read about initial
inherit Inherits this property from its parent element. Read about inherit


技术细节

默认值: 未指定
返回值: 一个字符串,表示元素中文本的字体名称
CSS版本 CSS1

更多示例

示例

可能值的演示:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
亲自试一试 »

示例

返回元素的字体:

alert(document.getElementById("demo").style.fontFamily);
亲自试一试 »

相关页面

CSS教程:CSS 字体

CSS 参考:字体系列属性

HTML DOM 参考:字体属性