font 为简写属性，用于定义元素的文本特性。
语法：
font: [ <font-style> || <font-varient> || <font-weight> || <font-stretch> ]? <font-size> [ <line-height> ]? <font-family>
使用说明：
font 属性参数必须按照如上的排列书讯，且 font-size 和 font-family 是不可忽略的。每个参数仅允许有一个值字体形态：
serif（衬线字体）sans-serif（非衬线字体）monospace（等宽字体，例如代码）cursive（方正静蕾体）fantasyfont-family 用于定义元素文本的字体名称序列。
font-size 用于定义元素的字体大小。
font-style 用于指定元素的文本是否为斜体。
| 属性值 | 说明 |
|---|---|
normal | 指定文本字体样式为 正常 的字体 |
italic | 指定文本字体样式为 斜体。对于没有设计斜体的特殊字体，如果要使用斜体外观将应用 oblique |
oblique | 指定文本字体样式为 倾斜 的字体。人为的使文字倾斜，而不是去选取字体中的斜体字 |
font-weight 用于定义元素文本字体的粗细。
| 属性值 | 说明 |
|---|---|
normal | 正常的字体。相当于数字值 400 |
bold | 粗体。相当于数字值 700 |
bolder | 定义比继承值更重的值 |
lighter | 定义比继承值更轻的值 |
<integer> | 用数字表示文本字体粗细。取值范围：100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 |
使用说明：
font-varient 用于定义元素的文本是否为小型的大写字母。
| 属性值 | 说明 |
|---|---|
normal | 正常的字体 |
small-caps | 小型的大些字母字体 |
font-stretch 用于定义元素的文字是否横向拉伸变形。
| 属性值 | 说明 |
|---|---|
normal | 正常文字宽度 |
ultra-condensed | 比正常文字宽度窄 4 个基数 |
extra-condensed | 比正常文字宽度窄 3 个基数 |
condensed | 比正常文字宽度窄 2 个基数 |
semi-condensed | 比正常文字宽度窄 1 个基数 |
semi-expanded | 比正常文字宽度宽 1 个基数 |
expanded | 比正常文字宽度宽 2 个基数 |
extra-expanded | 比正常文字宽度宽 3 个基数 |
ultra-expanded | 比正常文字宽度宽 4 个基数 |
指定多个字体，如果找不到会按照顺序使用其他字体，或者用同类字体。
自定义字体
@font-face {font-family: 'IF';src: url('./IndieFlower.ttf');}.custom-font {font-family: IF;}
网络字体
需要注意跨域问题