设置元素的字体:
document.getElementById("demo").style.fontFamily = "Impact,Charcoal,sans-serif";
亲自试一试 »
fontFamily 属性设置或返回元素中文本的字体系列名称和/或通用系列名称列表。
浏览器将使用它识别的第一个值。
有两种类型的 font-family 值:
提示:始终指定通用家族名称作为最后的选择!
笔记:用逗号分隔每个值。
笔记:如果字体系列名称包含空格,则必须用引号引起来。
提示:看着网页安全字体对于常用的字体组合。
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;
亲自试一试 »
CSS教程:CSS 字体
CSS 参考:字体系列属性
HTML DOM 参考:字体属性
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!