font

语法：

font：[ [ <' font-style '> || <' font-variant '> || <' font-weight '> ]? <' font-size '> [ / <' line-height '> ]? <' font-family '> ] | caption | icon | menu | message-box | small-caption | status-bar

默认值：看独立属性自身

适用于：所有元素

继承性：有

动画性：看独立属性自身

计算值：看独立属性自身

取值：

<' font-style '>：
指定文本字体样式
<' font-variant '>：
指定文本是否为小型的大写字母
<' font-weight '>：
指定文本字体的粗细
<' font-size '>：
指定文本字体尺寸
<' line-height '>：
指定文本字体的行高
<' font-family '>：
指定文本使用某个字体或字体序列
caption：
使用有标题的系统控件的文本字体（如按钮，菜单等）（CSS2）
icon：
使用图标标签的字体（CSS2）
menu：
使用菜单的字体（CSS2）
message-box：
使用信息对话框的文本字体（CSS2）
small-caption：
使用小控件的字体（CSS2）
status-bar：
使用窗口状态栏的字体（CSS2）

说明：

设置或检索对象中的文本特性。该属性是复合属性。
  • 使用第一种声明方式参数必须按照如上的排列顺序，且 <' font-size '> 和 <' font-family '> 是不可忽略的。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。
  • 对于如何使用客户端系统没有字体和自定义字体，可以参阅@font-face规则。
  • 对应的脚本特性为font。

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0+ 2.0+ 4.0+ 3.1+ 3.5+ 3.2+ 2.1+ 18.0+

示例：