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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 大家都知道,在不同操作系统、不同游览器里面默认显示的字体是不一样的,并且相同字体在不同操作系统里面渲染的效果也不尽...
    陈_宣阅读 1,974评论 0 7
  • 常见字体的中英文对应 Font-family:SimSun,"宋体" Font-family:"Microsoft...
    冰果2016阅读 2,767评论 0 2
  • 一、概念 参考网页字体Serif和Sans-serif的区别及浏览器字体的设置CSS Font知识整理总结 1.F...
    合肥黑阅读 6,419评论 0 12
  • 村上春树《当我谈跑步时,我谈些什么》 再读到|p21 实话说,这是我第一本村上春树的书。2015年的暑假看这本书的...
    大溪地的水阅读 305评论 0 2
  • 文/公子安凯 周一接到公司培训的通知,我竟没有半点高兴,心里满心的不痛快,想着月底未...
    悠漾阅读 397评论 0 0