搜集了一些比較注重前端的網站的"font family"實現方式。

十五言

Roboto,"Helvetica Neue","Segoe UI",Verdana,Tahoma,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif

簡書

apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif

知乎

"Helvetica Neue","Helvetica","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","WenQuanYi Micro Hei","Arial",sans-serif

小米

"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif

錘子

PingFang SC,Helvetica Neue,Helvetica,Arial,Hiragino Sans GB,Microsoft Yahei,\\5FAE\8F6F\96C5\9ED1,STHeiti,\\534E\6587\7EC6\9ED1,sans-serif

網易嚴選

"Heiti SC","Lucida Grande","Hiragino Sans GB","Hiragino Sans GB W3",verdana

站酷

"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微軟雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif

推薦閱讀

如何保證網頁的字體在各平臺都盡量顯示為最高質量的黑體？

跨平臺 CSS 中文字體解決方案

Web 中文字體應用指南（文章很老，但值得看）