[CSS参考手册](http://css.doyoe.com/)»[属性列表](#)»[字体属性](#)» 相关内容： [**其它字体属性参考**选择其它项](#) - [font](#) - [font-style](#) - [font-variant](#) - [font-weight](#) - [font-size](#) - [font-family](#) - [font-stretch](#) # font - **版本：CSS1/CSS2** - 继承性：有 ### 语法： **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**。 ### 兼容性： - 浅绿 = 支持 - 红色 = 不支持 - 墨绿 = 部分支持 - 橙色 = 实验性质 | [支持版本](# "查看本文档测试时所用浏览器版本")\类型 | IE | Firefox | Safari | Chrome | Opera | |-----|-----|-----|-----|-----|-----| | 版本 | 6.0 | 4.0 | 5.1 | 13.0 | 11.50 | ### 示例： - **只指定字体大小和字体：** 本段文字将显示为18px宋体。 - **只指定字体样式、大小和字体：** 本段文字将显示为斜体的18px宋体。 - **只指定字体样式、小型大写字母、大小和字体：** 本段文字将显示为斜体的带小型大写字母的18px宋体。大小型大写字母对比：AaBbCcDdEeFfGg - **只指定字体样式、小型大写字母、粗细、大小和字体：** 本段文字将显示为斜体的带小型大写字母的加粗18px宋体。 - **只指定字体样式、小型大写字母、粗细、大小、行高和字体：** 本段文字将显示为行高为2的斜体的带小型大写字母的加粗18px宋体。 - **指定字体为caption：** 本段文字将以caption的字体显示。 - **指定字体为icon：** 本段文字将以icon的字体显示。 - **指定字体为menu：** 本段文字将以menu的字体显示。 - **指定字体为message-box：** 本段文字将以message-box的字体显示。 - **指定字体为small-caption：** 本段文字将以small-caption的字体显示。 - **指定字体为status-bar：** 本段文字将以status-bar的字体显示。 Copyright © 2006-2012 [Doyoe](http://www.doyoe.com/). All Rights Reserved