Style fontFamily 属性
描述
fontFamily 属性设置或返回元素文本的字体系列名称和/或通用系列名称列表。
浏览器将使用它识别的第一个值。
有两种类型的字体系列值
- font-family: 字体系列的名称,例如“verdana”或“arial”
- generic-family: 通用字体系列的名称,例如“serif”或“sans-serif”
提示: 始终将通用系列名称指定为最后一个备选方案!
注意: 用逗号分隔每个值。
注意: 如果字体系列名称包含空格,则必须用引号括起来。
提示: 查看 网络安全字体,了解常用的字体组合。
浏览器支持
属性 | |||||
---|---|---|---|---|---|
fontFamily | 是 | 是 | 是 | 是 | 是 |
语法
返回 fontFamily 属性
object.style.fontFamily
设置 fontFamily 属性
object.style.fontFamily = "font1, font2, etc.|initial|inherit"
属性值
值 | 描述 |
---|---|
font1, font2, etc. | 以逗号分隔的字体系列名称和/或通用系列名称列表 |
initial | 将此属性设置为其默认值。 了解 initial |
inherit | 从其父元素继承此属性。 了解 inherit |
技术细节
默认值 | 未指定 |
---|---|
返回值 | 一个字符串,表示元素文本的字体名称 |
CSS 版本 | CSS1 |
更多示例
示例
可能的值的演示
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("demo").style.fontFamily = listValue;
自己尝试 »
相关页面
CSS 教程:CSS 字体
CSS 参考:font-family 属性
HTML DOM 参考:font 属性