如何保證網(wǎng)頁的字體在各平臺都盡量顯示為最高質(zhì)量的黑體?

搜集了一些比較注重前端的網(wǎng)站的"font family"實現(xiàn)方式。


十五言

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


網(wǎng)易嚴選

"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



推薦閱讀

如何保證網(wǎng)頁的字體在各平臺都盡量顯示為最高質(zhì)量的黑體?

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

Web 中文字體應用指南(文章很老,但值得看)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 大家都知道,在不同操作系統(tǒng)、不同游覽器里面默認顯示的字體是不一樣的,并且相同字體在不同操作系統(tǒng)里面渲染的效果也不盡...
    陳_宣閱讀 2,057評論 0 7
  • 常見字體的中英文對應 Font-family:SimSun,"宋體" Font-family:"Microsoft...
    冰果2016閱讀 2,893評論 0 2
  • 一、概念 參考網(wǎng)頁字體Serif和Sans-serif的區(qū)別及瀏覽器字體的設(shè)置CSS Font知識整理總結(jié) 1.F...
    合肥黑閱讀 6,572評論 0 12
  • 村上春樹《當我談跑步時,我談些什么》 再讀到|p21 實話說,這是我第一本村上春樹的書。2015年的暑假看這本書的...
    大溪地的水閱讀 354評論 0 2
  • 文/公子安凱 周一接到公司培訓的通知,我竟沒有半點高興,心里滿心的不痛快,想著月底未...
    悠漾閱讀 490評論 0 0

友情鏈接更多精彩內(nèi)容