字体的一些基本知识（字体族、衬线字体、回退机制）

字体族

1. 衬线体（serif）
2. 无衬线体（sans-serif）
3. 等宽字体（monospace）
4. 手写字体（cursive）
5. 梦幻字体（fantasy）

常见的字体族

	衬线体	无衬线体	手写体
字体	宋体、楷体	黑体（windows的微软雅黑，macos的苹方）	行书、草书、隶书、篆书、楷书
特点	笔画开头和末尾有装饰性的部分，所以笔画的粗细略有不同	笔画粗细一致	艺术性强
感官	优雅、精致、易读性高	时尚、利落、大方，网页中也能保证良好的可读性和简约
场景	传统印刷的正文	标题和较短的文字，网页页面一般用无衬线体	装饰或者风格比较强的页面展示

作为网页，这里暂时只讨论衬线体和无衬线体

多字体机制（fallback）

字体的兜底机制

当某种字体找不到时，就继续往后找

.content x{
    font-family: "PingFang SC", "Microsoft Yahei", sans-serif;
}

查找顺序

1. 先查找ios和macd的苹方字体
2. 找不到的话查找windows的微软雅黑字体
3. 再找不到的话，随便找一个无衬线字体

回退机制

最常见的：微软雅黑font-weight: 500无效，只有到700的时候才会明显加粗

微软雅黑这个字体只有2种粗细，当代码中是500的时候，也会被认为是400

但是苹方字体，支持至少6种粗细