font

语法：

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

默认值：看独立属性自身

适用于：所有元素

继承性：有

动画性：看独立属性自身

计算值：看独立属性自身

媒　体：视觉

取值：

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

说明：

简写属性。定义元素的文本特性。
  • 使用font属性参数必须按照如上的排列顺序，且font-size和font-family是不可忽略的。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。
  • 对于如何使用客户端系统没有字体和自定义字体，可以参阅@font-face规则。
  • 对应的脚本特性为：font。

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+

示例：