web 字体 font-family

body {
  font-family:  
  -apple-system,   //针对 Web 页面
  BlinkMacSystemFont,  //针对 Mac Chrome 页面
  SFProDisplay, //针对微信小程序
  ...
}

　　

衬线字体与无衬线字体

衬线字体：serif

无衬线字体：sans-serif

（衬线的意思是在字符笔画末端有叫做衬线的小细节的额外装饰，而且笔画的粗细会有所不同）

web 字体 font-family 再探秘：https://www.cnblogs.com/coco1s/p/11350642.html

PingFang SC 不应该作为移动端网页字体的首选项：https://medium.com/@Pudge1996/pingfang-sc-%E6%88%96%E8%AE%B8%E4%B8%8D%E5%BA%94%E8%AF%A5%E4%BD%9C%E4%B8%BA%E7%BD%91%E9%A1%B5%E5%AD%97%E4%BD%93%E7%9A%84%E9%A6%96%E9%80%89%E9%A1%B9-70cc6d2258fa