字体属性
字体族font-family
一个字体通常包含多个变体，每个变体都是一个字型（font face）；一般都会把字体理解为一个实体，其本质应该是一个字体族font-family
CSS定义了五种通用字体族：
- 衬线字体 如Times等
- 无衬线字体 如Helvetica等
- 等宽字体 如Consolas等
- 草书字体 如Author等
- 奇幻字体 意思是无法将其归类到其他字体，如Western
font-family属性声明
使用通用字体：
如果想让一个文档使用无衬线字体，但不介意具体使用哪一款，可以声明如下：
body{font-family: sans-serif;}
此时会由浏览器选择一款字体（如Helvetica）应用到body元素上指定字体族
常用写法：body{font-family: Georgia}
如找不到指定的字体，则使用默认字体；
属性值可以写多个，浏览器会根据顺序查找存在的字体；
如果字体名称中有一个或多个空格，或有特殊符号，需要使用引号；
自定义字体 使用@font-face
@font-face的作用是让用户可以在设计时使用自定义的字体；
定义一个字体族名称，对应与服务器上一个字体文件；
@font-face {font-family:"ffff"; src: url("fff.off")}
字重font-weight
CSS的font-weight属性可以精准控制字重；可取值有：
normal bold bolder lighter 100-900九级；
400=normal 700=bold
一般来说，字重越大，字体越黑，越粗；
bolder和lighter表示渲染的文本比父元素的字重更重活更轻；
字号font-size
font-size的作用是为字体的em方框提供一个尺寸；可取值有：
xx-small , x-small , small ,medium, large, x-large, xx-large (七个绝对大小的值，大小是相对而言的),samller larger（两个相对大小） ，长度，百分数
默认值为medium
使用百分数和em
百分数始终根据继承字父元素的字号计算；
CSS还把长度单位em定义为等效与百分数，读字号而言，1em等于100%；
字号会继承，但继承的是计算得到的值，而不是百分数本身；
使用长度单位
font-size可以设为任何长度值；
一般不推荐使用长度值设定字号，因为不是所有浏览器都能轻易缩放长度值（如px）设定的文本；
字形font-style
font-style属性的作用十分简单，在normal(常规)、italic(斜体)，oblique(倾斜体)之间做选择；
字体拉伸font-stretch
仅当使用的字体族中有宽体和窄体时，这个属性才会起作用；此属性用于选择字体的变体；
font属性
font是把所有字体相关的属性合写在一起；
font{font-style,font-weight,font-size/line-height,font-family}
- font中的一些属性可以省略，如果有，必须写在font-size前面
- font-size和font-family两个属性必须有，而且顺序不可以改变；
