字体属性介绍-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：使用有标题的系统控件的文本字体（如按钮，菜单等）
• icon：使用图标标签的字体
• menu：使用菜单的字体
• message-box：使用信息对话框的文本字体
• small-caption：使用小控件的字体
• status-bar：使用窗口状态栏的字体

示例

指定字体大小和字体: 18px Simsun, arial

指定字体样式、大小和字体: italic 18px Simsun, arial

指定字体样式、小型大写字母、大小和字体: italic small-caps 18px Simsun, arial

指定字体样式、小型大写字母、粗细、大小和字体: italic small-caps bold 18px Simsun, arial

指定字体样式、小型大写字母、粗细、大小、行高和字体: italic small-caps bold 18px/20px Simsun, arial

指定字体为 caption = normal normal normal normal 13px normal .HelveticaNeueDeskInterface-Regular

指定字体为 icon = normal normal normal normal 13px normal .HelveticaNeueDeskInterface-Regular

指定字体为 menu = normal normal normal normal 13px normal .HelveticaNeueDeskInterface-Regular

指定字体为 small-caption = normal normal normal normal 11px normal .HelveticaNeueDeskInterface-Regular

指定字体为 status-bar = normal normal normal normal 10px normal .HelveticaNeueDeskInterface-Regular

其他特性

1.相应的脚本特性为font,即通过el.style.font即可设置或获取字体

兼容性

所有浏览器均支持该属性

需要注意的点

• font是一个复合属性，但是至少需要两个独立属性，font-size和font-family