如何保证网页的字体在各平台都尽量显示为最高质量的黑体?

搜集了一些比较注重前端的网站的"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 中文字体应用指南(文章很老,但值得看)

你可能感兴趣的:(如何保证网页的字体在各平台都尽量显示为最高质量的黑体?)