font属性简写

一、 font 的属性比较多，有font-style, font-variant, font-weight, font-size,  font-

family,我们可以把它们按照顺序统一放在font属性中，在一个声明中设置所有字体属

性。

  font-family 设置字体系列。

  font-size 设置字体的尺寸。

  font-style 设置字体风格。

  font-variant 以小型大写字体或者正常字体显示文本。

  font-weight 设置字体的粗细。

  font 简写属性。

---

二、简写font属性需要注意以下几点：

1. 按照font-style   font-variant   font-weight   font-size/line-height    font-family顺序来写；

2. 先写字体大小在写字体；

3. font-size/line-height作为一组使用，中间用斜杠区分；

4. 多个值之间用空格分开；

5. 多个字体之间用逗号分开。

---

三、通过案例对比简写与分开写

1.使用font分开写

 

2.使用font简写