最新的Web开发教程
 

Style fontFamily Property

<Style对象

设置为一个字体<p>元素:

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

定义和用法

在fontFamily中属性设置或返回在一个元素文本的字体家族名和/或通用家族名的列表。

该浏览器将使用它承认的第一个值。

有两种类型的字体家庭价值观:

  • FONT-FAMILY:字体家族的名称,如"verdana""arial"
  • 一般的家庭:一个通用字体家族的名称,如"serif""sans-serif"

Tip:始终指定一个通用的家族名称作为最后的选择!

注意:用逗号分隔各个值。

Note:如果字体家族名称包含空格,则必须使用引号。

Tip:看网络安全字体的常用字体组合。


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

该fontFamily中财产所有主流浏览器的支持。


句法

返回fontFamily中属性:

object .style.fontFamily

设置fontFamily中属性:

object .style.fontFamily=" 属性值
描述
font1, font2, etc. 用逗号分隔的字体家族名和/或通用家族名的列表
initial 将此属性设置为默认值。 阅读关于初始
inherit 继承其父元素此属性。 阅读关于继承

技术细节

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

更多示例

可能值的演示:

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

返回的字体<p>元素:

alert(document.getElementById("myP").style.fontFamily);
试一试»

相关页面

CSS教程: CSS字体

CSS参考: font-family property

HTML DOM参考: font property


<Style对象