## CSS2 字体样式
##### font-family 字体族
- 规定元素的字体系列
- 把多个字体作为一个"回退"系统保存.保证浏览器的支持
- ````Microsoft YaHei, tahoma, arial, Hiragino Sans GB, sans-serif````
##### font 字体类型
- 衬线字体(serif)：在字的笔划开始及结束的地方有额外的装饰
- 非衬线字体(sans-serif) : 没有额外的装饰，笔划粗细大致差不多。用于严肃场景
- 等宽字体 monospace
- 草书字体 cursive
- 虚幻字体 fantasy
##### font-size 设置字体大小
- medium 默认值。一般浏览器默认是16px. chrome最小支持到12px
- smaller 把 font-size 设置为比父元素更小的尺寸。
- larger 把 font-size 设置为比父元素更大的尺寸。
- length 把 font-size 设置为一个固定的值(常用)。单位px
- % 把 font-size 设置为基于父元素的一个百分比值。
- 可继承
- 注意：font-size 会影响 line-height 属性 进而影响一行中基线的位置
##### font-style 字体样式
- normal 默认值。浏览器显示一个标准的字体样式。
- italic 浏览器会显示一个斜体的字体样式。
- oblique 浏览器会显示一个倾斜的字体样式。
- 可继承
##### font-weight 字体的粗细
- normal 默认值。定义标准的字符。
- bold 定义粗体字符。 常用
- bolder 定义更粗的字符。
- lighter 定义更细的字符。
- 可继承
##### font-variant 小型大写字母字体
- normal 默认值。浏览器会显示一个标准的字体。
- small-caps 浏览器会显示小型大写字母的字体。
- 可继承
##### font简写
- 常见写法 font：字体样式 小型大写字母 字体粗细 字体大小/行高 字体族(多个)