CSS字体
1、CSS字体属性定义文本的字体系列、大小、加粗、风格（如斜体）和变形（如小型大写字母）
2、在 CSS 中，有两种不同类型的字体系列名称：
⑴通用字体系列：拥有相似外观的字体系统组合（比如 "Serif" 或 "Monospace"）
⑵特定字体系列：具体的字体系列（比如 "Times" 或 "Courier"）
3、除了各种特定的字体系列外，CS定义了5种通用字体系列：
⑴Serif字体
⑵Sans-serif字体
⑶Monospace字体
⑷Cursive字体
⑸Fantasy字体
CSS字体属性
| 属性 | 描述 |
| font | 简写属性。作用是把所有针对字体的属性设置在一个声明中 |
| font-family | 设置字体系列 |
| font-size | 设置字体的尺寸 |
| font-style | 设置字体风格 |
| font-variant | 以小型大写字体或者正常字体显示文本 |
| font-weight | 设置字体的粗细 |
指定字体系列
使用font-family属性定义文本的字体系列
使用通用字体系列
如果你希望文档使用一种sans-serif字体，但是你并不关心是哪一种字体，以下就是一个合适的声明：
例1：
注：
用户代理就会从sans-serif字体系列中选择一个字体（如Helvetica），并将其应用到body元素。因为有继承，这种字体选择还将应用到body元素中包含的所有元素，除非有一种更特定的选择器将其覆盖
指定字体系列
除了使用通用的字体系列，您还可以通过font-family性设置更具体的字体
例2：为所有h1元素设置了Georgia字体
注：
如果读者没有安装Georgia，但安装了Times字体（serif字体系列中的一种字体），用户代理就可能对h1元素使用Times。尽管Times与Georgia并不完全匹配，但至少足够接近。因此，我们建议在所有font-family规则中都提供一个通用字体系列。这样就提供了一条后路，在用户代理无法提供与规则匹配的特定字体时，就可以选择一个候选字体。
例3：
注：使用引号
1、只有当字体名中有一个或多个空格（比如 New York），或者如果字体名包括#或$之类的符号，才需要在font-family声明中加引号
2、单引号或双引号都可以接受。但是，如果把一个 font-family 属性放在 HTML 的 style 属性中，则需要使用该属性本身未使用的那种引号：
font-style属性最常用于规定斜体文本。该属性有三个值：
⑴normal：文本正常显示
⑵italic：文本斜体显示
⑶oblique：文本倾斜显示
例4：
注：
斜体（italic）是一种简单的字体风格，对每个字母的结构有一些小改动，来反映变化的外观。与此不同，倾斜（oblique）文本则是正常竖直文本的一个倾斜版本
字体变形
1、font-variant属性可以设定小型大写字母
2、小型大写字母不是一般的大写字母，也不是小写字母，这种字母采用不同大小的大写字母
例5：
字体加粗
1、font-weight属性设置文本的粗细
2、使用bold关键字可以将文本设置为粗体
3、关键字100 ~ 900为字体指定了9级加粗度。如果一个字体内置了这些加粗级别，那么这些数字就直接映射到预定义的级别，100对应最细的字体变形，900对应最粗的字体变形。数字400等价于normal，而700等价于 bold
4、如果将元素的加粗设置为bolder，浏览器会设置比所继承值更粗的一个字体加粗。与此相反，关键词lighter会导致浏览器将加粗度下移而不是上移
| 值 | 描述 |
| normal | 默认值。定义标准的字符 |
| bold | 定义粗体字符 |
| bolder | 定义更粗的字符 |
| lighter | 定义更细的字符 |
| 100 200 300 400 500 600 700 800 900 |
定义由粗到细的字符。400等同于normal，而700等同于bold |
| inherit | 规定应该从父元素继承字体的粗细 |
例6：
字体大小
1、font-size属性设置文本的大小
2、font-size值可以是绝对或相对值
绝对值：
⑴将文本设置为指定的大小
⑵不允许用户在所有浏览器中改变文本大小（不利于可用性）
⑶绝对大小在确定了输出的物理尺寸时很有用
相对大小：
⑴相对于周围的元素来设置大小
⑵允许用户在浏览器改变文本大小
注意：如果您没有规定字体大小，普通文本（比如段落）的默认大小是16像素 (16px=1em)。
例7：使用像素来设置字体大小
拓展
例8：所有字体属性在一个声明之内
