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或者自己調整。

總結

以上是生活随笔為你收集整理的网页字体集锦的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。