文章目录
- 字体族
- 常见的字体族
- 作为网页，这里暂时只讨论衬线体和无衬线体
- 多字体机制（`fallback`）
- 回退机制
字体族
- 衬线体（
serif） - 无衬线体（
sans-serif） - 等宽字体（
monospace） - 手写字体（
cursive） - 梦幻字体（
fantasy）
常见的字体族
| 衬线体 | 无衬线体 | 手写体 | |
|---|---|---|---|
| 字体 | 宋体、楷体 | 黑体（windows的微软雅黑，macos的苹方） | 行书、草书、隶书、篆书、楷书 |
| 特点 | 笔画开头和末尾有装饰性的部分，所以笔画的粗细略有不同 | 笔画粗细一致 | 艺术性强 |
| 感官 | 优雅、精致、易读性高 | 时尚、利落、大方，网页中也能保证良好的可读性和简约 | |
| 场景 | 传统印刷的正文 | 标题和较短的文字，网页页面一般用无衬线体 | 装饰或者风格比较强的页面展示 |
作为网页，这里暂时只讨论衬线体和无衬线体
多字体机制（fallback）
字体的兜底机制
当某种字体找不到时，就继续往后找
.content x{
font-family: "PingFang SC", "Microsoft Yahei", sans-serif;
}
查找顺序
- 先查找
ios和macd的苹方字体 - 找不到的话查找
windows的微软雅黑字体 - 再找不到的话，随便找一个
无衬线字体
回退机制
最常见的：微软雅黑font-weight: 500无效，只有到700的时候才会明显加粗
微软雅黑这个字体只有2种粗细，当代码中是500的时候，也会被认为是400
但是苹方字体，支持至少6种粗细
