CSS2--字体样式

## 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：字体样式 小型大写字母 字体粗细 字体大小/行高 字体族(多个)