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

字体族

• 衬线体（serif）
  
• 无衬线体（sans-serif）
  
• 等宽字体（monospace）
  
• 手写字体（cursive）
  
• 梦幻字体（fantasy）
  

常见的字体族

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

多字体机制（fallback）

字体的兜底机制
当某种字体找不到时，就继续往后找

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

复制代码

查找顺序

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

回退机制

最常见的：微软雅黑font-weight: 500无效，只有到700的时候才会明显加粗
微软雅黑这个字体只有2种粗细，当代码中是500的时候，也会被认为是400
但是苹方字体，支持至少6种粗细

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。