| Property | 描述 |
|---|---|
| font | 在一个声明中设置所有的字体属性 |
| font-family | 指定文本的字体系列 |
| font-size | 指定文本的字体大小 |
| font-style | 指定文本的字体样式 |
| font-variant | 以小型大写字体或者正常字体显示文本。 |
| font-weight | 指定字体的粗细。 |
1、font
font简写属性在一个声明中设置所有字体属性。
可设置的属性是（按顺序）： "font-style font-variant font-weight font-size/line-height font-family"
p.ex1 { font:15px arial,sans-serif; } 多个font-family值用“，”隔开
p.ex2 { font:italic bold 12px/30px Georgia, serif; } //font-size/line-height 设置行与行之间的空间
ont-size和font-family的值是必需的。如果缺少了其他值，默认值将被插入，如果有默认值的话。
2、字体样式-斜体
p.italic {font-style:italic;} //以斜体字显示的文字
p.oblique {font-style:oblique;} //文字向一边倾斜
区别
italic ：使用文字的斜体属性，如果文字不存在这个属性，则不会斜体
oblique ：是让字体倾斜显示，没有斜体的字体可以使用 oblique 属性值来实现倾斜的文字效果。
3、字体大小
font-size 属性设置文本的大小。
如果你不指定一个字体的大小，默认大小和普通文本段落一样，是16像素（16px=1em）。
为了避免Internet Explorer 中无法调整文本的问题，许多开发者使用 em 单位代替像素。
em的尺寸单位由W3C建议。
1em和当前字体大小相等。在浏览器中默认的文字大小是16px。
em的尺寸单位由W3C建议。
1em和当前字体大小相等。在浏览器中默认的文字大小是16px。
使用百分比和EM组合
在所有浏览器中，可以显示相同的文本大小，并允许所有浏览器缩放文本的大小。
body {font-size:100%;}
h1 {font-size:2.5em;}
h2 {font-size:1.875em;}
p {font-size:0.875em;}