Style font 属性
定义和用法
font 属性以简写形式设置或返回最多六个单独的字体属性。
通过此属性，您可以设置/返回以下内容（按此顺序）：
font-size 和 font-family 是必需。如果缺少其他值之一，则将插入默认值（如果有）。
上面的属性也可以使用单独的样式属性进行设置。强烈建议非高级作者使用单独的属性，以获得更好的可控性。
另请参阅：
CSS 教程：CSS 字体
CSS 参考手册：font 属性
实例
例子 1
设置 <p> 元素的字体：
document.getElementById("myP").style.font = "italic bold 20px arial,serif";例子 2
返回 <p> 元素的字体：
alert(document.getElementById("myP").style.font);语法
返回 font 属性：
object.style.font
设置 font 属性：
object.style.font = "font-style font-variant font-weight font-size/line-height|caption|icon|menu| message-box|small-caption|status-bar|initial|inherit;"
属性值
| 值 | 描述 |
|---|---|
| style | 设置字体样式。 |
| variant | 将文本设置为小型大写字体。 |
| weight | 设置字体的粗细。 |
| size | 设置字体大小。 |
| lineHeight | 设置行间距。 |
| family | 设置字体。 |
| caption | 用于标题控件（如按钮、下拉菜单等）的字体。 |
| icon | 用于标记图标的字体。 |
| menu | 菜单中使用的字体。 |
| message-box | 对话框中使用的字体。 |
| small-caption | 小型控件中使用的字体。 |
| status-bar | 窗口状态栏中使用的字体。 |
| initial | 将此属性设置为其默认值。请参阅 initial。 |
| inherit | 从其父元素继承此属性。请参阅 inherit。 |
技术细节
| 默认值： | 未指定 |
|---|---|
| 返回值： | 字符串，表示元素的不同字体属性。 |
| CSS 版本： | CSS1 |
浏览器支持
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 支持 | 支持 | 支持 | 支持 | 支持 |