网页字体集锦

1、华为官网：

font-family："Manrope",Arial,Helvetica Neue,Helvetica,sans-serif;

manrope字体各方面都表现良好

---

2、苹果官网：

font-family："SF Pro Text","Myriad Set Pro","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;

body:lang(zh-CN){ font-family："SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif}

中文版的字体不推荐-锯齿严重不舒适

---

3、常规字体，如

csdn：

font-family：'Microsoft YaHei','SF Pro Display',Roboto,Noto,Arial,'PingFang SC',sans-serif;

知乎：

font-family：-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;

QQ音乐-vip：

font-family："Open Sans",poppin,'PingFang SC',"Hiragino Sans GB","Microsoft YaHei","微软雅黑",STHeiti,sans-serif;

单独用poppin字体在中文显示的时候文字大小可能会不一致；

QQ官网：

font-family：Helvetica, Tahoma, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "Microsoft YaHei", STXihei, STHeiti, Heiti, SimSun, sans-serif;

---

我比较常用的：

font-family：-apple-system,"Source Sans Pro","Noto Sans CJK SC","PingFang SC","Segoe UI","Microsoft YaHei",Sans-Serif,Helvetica,Arial;

忘记从哪个网站拿过来的了，反正挺好用的。中文小于14px的时候，给一个letter-spacing:0.2px或者自己调整。