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
原文：https://www.cnblogs.com/zhangym118/p/12068181.html