CSS样式-字体(font)

css字体

属性	描述
font	简写属性。作用是把所有针对字体的属性设置在一个声明中。
font-size	设置字体的尺寸。
font-family	设置字体系列。
font-weight	设置字体的粗细。
font-style	设置字体风格。

font-size:文字大小

body {
    font-size : 12px;
}

font-family:字体

• XP系统不支持微软哑黑的中文,可以使用英文或者Unicode编码代替
• 可以同时指定多个字体，中间以逗号隔开，如果浏览器不支持第一个字体，则会尝试下一个，直到找到合适的字体

p{ font-family:"Microsoft YaHei";}

字体名称	英文名称	Unicode编码
宋体	SimSun	\5B8B\4F53
新宋体	NSimSun	\65B0\5B8B\4F53
黑体	SimHei	\9ED1\4F53
微软雅黑	Microsoft YaHei	\5FAE\8F6F\96C5\9ED1
楷体_GB2312	KaiTi_GB2312	\6977\4F53_GB2312
隶书	LiSu	\96B6\4E66
幼园	YouYuan	\5E7C\5706
华文细黑	STXihei	\534E\6587\7EC6\9ED1
细明体	MingLiU	\7EC6\660E\4F53
新细明体	PMingLiU	\65B0\7EC6\660E\4F53

font-weight(文字粗细)

• 使用normal、bold、bolder、lighter、100~900（100的整数倍)来设置
• 其中normal=400, bold=700;

font-style(字体风格)

• normal：默认值，浏览器会显示标准的字体样式。
• italic：浏览器会显示斜体的字体样式。
• oblique：浏览器会显示倾斜的字体样式。

font综合设置样式

语法如下:

选择器{font: font-style font-weight font-size/line-height font-family;}

• 其中不需要设置的属性可以省略（取默认值），但须保留font-size和font-family属性，否则font属性将不起作用。
• line-height设置行与行之间的高度