CSS 字体属性详细剖析

CSS字体属性概述

• CSS字体属性主要用于定义字体系列、大小、粗细和文字样式（如：斜体）

1.字体系列

属性名：font-family

注意： 
1、各种字体之间必须使用英文状态的逗号隔开；
2、一般情况下，如果有空格隔开的多个单词组成的字体，必须加引号；
3、尽量使用系统默认自带的字体，保证在任何用户的浏览器中都能正确的显示；
4、最常见的几个字体：'Microsoft YaHei'，tahoma，arial，'Hiragino Sans GB'

2.字体大小

属性名：font-size

注意：
1、不同浏览器默认显示的字号大小不一致，我们应该尽量给一个明确的值（谷歌浏览器默认的字体大小为16px）

3.字体粗细

属性名：font-weight

注意：
1、font-weight的属性值取值如下表所示；
2、实际开发中，我们更喜欢用数字表示粗细

属性值	说明
normal	默认值（不加粗）
bold	加粗
100-900	400等同于normal，而700等同于bold（注意这个数字后面是不跟单位的）

4.文字样式

属性名：font-style

注意：
1、font-style的属性值取值如下表所示；
2、一般情况下，我们很少给文字加斜体属性，而是通过斜体标签<em>或<i>实现

属性值	说明
normal	默认值，标准的字体样式
italic	斜体的字体样式

5.字体复合属性

字体复合属性的语法格式如下：
body{
		font:font-style font-weight font-size/line-height font-family;
}

注意：
1、使用font属性时，必须按上面语法格式中的顺序书写，不能更换顺序，并且各个属性之间必须以空格隔开；
2、不需要设置的属性可以省略（取默认值），但必须保留font-size和font-family两个属性，否则font属性将不起作用

---

微信公众号也会同步发布，有兴趣的朋友也可以加个关注！谢谢！（gh_a50712c8f292）