用 CSS 设置字体样式

CSS Fonts 属性用于设置字体系列、大小、粗细和文字样式。

1、字体系列 —— font-family

body {
  font-family: 'Microsoft YaHei', Arail, 'Times New Roman';
}

要点：

• 各种字体之间必须用逗号隔开
• 如果一种字体是有空格隔开的多个单词组成，加引号，如 'Microsoft YaHei'
• 尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示
• font-family 中设置多个字体，浏览器会按顺序看字体是否有安装，有的话显示，没有的话继续看下一个字体是否安装

2、字体大小 —— font-size

p {
  font-size: 22px;
}

px（像素）是网页最常用的单位。

3、字体粗细 —— font-weight

p {
  font-weight: normal;     //正常的字体。相当于 font-weight: 400
  font-weight: bold;    //粗体。相当于 font-weight: 700
  font-weight: bolder;    //特粗体
  font-weight: lighter;    //细体
  font-weight: 600;        //通过具体数字来设置字重（不需要单位）
}

4、字体样式 —— font-style

em {
  font-style: italic;        //斜体
  font-style: normal;        //让倾斜的字体正过来，比如让 <em> 中的字体不倾斜
}

5、复合写法

body {
  font: font-style font-weight font-size/line-height font-family;
}

1、使用 font 属性时，必须严格按照上面语法格式中的顺序，不能更换，并且各个属性之间用空格隔开

2、不需要的属性可以省略，但必须保留 font-size 和 font-family 属性