css font 属性用于控制文本的外观。通过使用 css font 属性,您可以更改文本大小、颜色、样式等。

属性说明
color设置 字体颜色
font-family
设置 字体样式
font-size设置 字体大小
font-style设置 字体样式
font-variant
将小写字母转换为小型大写字母;
font-weight设置字体粗细

css font 语法

我们可以通过上面的属性单独设置字体的css样式,css font也有他自己的语法,它是一个简写属性,如下:

font : font-style || font-variant || font-weight || font-size || line-height || font-family
font : caption | icon | menu | message-box | small-caption | status-bar

在定义字体的样式时,上面的参数需要按顺序书写,且 font-size 和 font-family 不可空。

属性值

描述
font-style规定字体样式。参阅:font-style 中可能的值。
font-variant规定字体异体。参阅:font-variant 中可能的值。
font-weight规定字体粗细。参阅:font-weight 中可能的值。
font-size/line-height规定字体尺寸和行高。参阅:font-size 和 line-height 中可能的值。
font-family规定字体系列。参阅:font-family 中可能的值。
caption定义被标题控件(比如按钮、下拉列表等)使用的字体。
icon定义被图标标记使用的字体。
menu定义被下拉列表使用的字体。
message-box定义被对话框使用的字体。
small-captioncaption 字体的小型版本。
status-bar定义被窗口状态栏使用的字体。


这个参数有点多,且基于上面的限制条件,所以一般情况下我们都使用上面表格中单独的属性方式设置字体的样式。

css font 例子

p { font: italic small-caps 600 12pts/18pts 宋体; }
p { font: italic small-caps 600 12pts/150% Courier; }
p { font: italic small-caps 600 12pts/1.5 Courier; }
p { font: italic small-caps 600 12pts/18pts Courier; }
p { font: /18pts serif; }
p { font: oblique 100 24pts; }
H1 { font: 15pt/17pt bold "Arial" normal }