字体样式font-style

font-family 
指的是字体比如 “宋体”，“微软雅黑”等等

具体字体：微软雅黑、宋体、黑体、宋体等等

字体系列：sans-serif、serf、monospace等

常见字体系列(了解)：

1 无衬线字体(sans-serif)

特点：文字笔画粗细均匀，并且首尾无装饰

使用场景：网页中大多采用无衬线字体

常见该系列字体：黑体、Arial

2 衬线字体(serif)

特点：文字笔画粗细不均匀，并且首尾有笔锋装饰

使用场景：报刊书籍中广泛应用

常见该系列字体：宋体、Times New Roman

3 等宽字体(monospace)

特点：每个字母或文字的宽度相等

使用场景：一般用于程序代码编写，有利于代码的阅读和编写

常见该系列字体：Consolas、fira code
渲染规则：

1 从左到右，如果电脑未安装该字体，则显示下一个

2 如果都不支持，电脑会根据操作系统显示默认字体

注意：

1 如果字体名称中存在多个单词，推荐使用引号包裹

2 最后一项字体系列不需要引号包裹

3 网页开发时，尽量使用常见字体，保证不同浏览器显示正常

font-style
指定的是字体倾斜与否，italic 属性值是通过字体本身倾斜，oblique 属性值让字体倾斜一定角度，看起来效果一样，但是对于有些字体，可能原先不能倾斜，所以设置 italic 属性值不生效，设置成 oblique 就生效了。它的值有：normal（默认值）、italic（斜体）、oblique（倾斜）

 

font-weight 

定义了字体的宽度，属性值 lighter细，bold粗，bolder更粗，当然也可以设置具体数值100~900，只能是整百。

关键字 normal(正常) bold(加粗)

纯数字 100~900的整百数  400(正常)  700(加粗)

font-variant 

此属性的作用就是将文字转换成大写后缩小

font-size

 数字+px，谷歌浏览器默认文字大小为16px，单位需要设置，否则无效。