cn-css-font-family

KO | EN

gitlite — search

#typescript #ai-agents #ai #dsh-plugin #deepseek-harness #open-source #cli #claude-code #codex #developer-tools #react #windows

cn-css-font-family

★ 37 Open GitHub ↗

Best font-family settings for Chinese websites. 最适合中文网站的字体家族设置之一。

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# cn-css-font-family

Best font-family settings for Chinese websites. 最适合中文网站的字体家族设置之一。

## Best Practices

| Name | CSS |
| --- | --- |
| [Apple](https://www.apple.com.cn/) | ``font-family: "SF Pro SC","SF Pro Text","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif`` |
| [石墨文档](https://shimo.im/) | ``font-family: -apple-system,BlinkMacSystemFont,"PingFang SC",Helvetica,Tahoma,Arial,"Microsoft YaHei",微软雅黑,黑体,Heiti,sans-serif,SimSun,宋体,serif`` |
| [WeChat Doc](https://developers.weixin.qq.com/doc/) | ``font-family: -apple-system,BlinkMacSystemFont,SF UI Text,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif`` |
| [36Kr](https://36kr.com/) | ``font-family: PingFang SC,Lantinghei SC,Helvetica Neue,Helvetica,Arial,Microsoft YaHei,微软雅黑,STHeitiSC-Light,simsun,宋体,WenQuanYi Zen Hei,WenQuanYi Micro Hei,"sans-serif"`` |
| [Ant.Design](https://ant-design.antgroup.com/index-cn) | ``font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial,'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'`` |
| [dji](https://www.dji.com/cn) | ``font-family: "Open Sans","PingFang SC","Microsoft YaHei","Helvetica Neue","Hiragino Sans GB","WenQuanYi Micro Hei",Arial,sans-serif`` |
| [eagle.cool](https://eagle.cool/) | ``font-family: var(--font-inter),"SF Pro Text",-apple-system,"Roboto","Segoe UI","Helvetica Neue","Noto Sans","Liberation Sans",Arial,"PingFang SC","PingFang TC","Hiragino Sans GB","Microsoft Yahei",sans-serif`` |
| [简书](https://www.jianshu.com/) | ``font-family: -apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif`` |
| [Smartisan](http://www.smartisan.com/) | ``font-family: Helvetica Neue,PingFang SC,Hiragino Sans GB,Heiti SC,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif`` |
| [The Type](https://www.thetype.com/) | ``font-family: "ABC Diatype", system-ui, sans-serif`` |
| [知乎](https://www.zhihu.com/) | ``font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC","WenQuanYi Micro Hei","MiSans L3","Segoe UI",sans-serif`` |

## My Practices

| Device | CSS |
| --- | --- |
| Desktop or Responsive | ``font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei", Heiti, 黑体, sans-serif;`` |
| Windows & macOS | ``font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", 微软雅黑, "Source Han Sans SC", "Noto Sans CJK SC", Heiti, 黑体, sans-serif;`` |
| Mobile | ``font-family: -apple-system, "Helvetica Neue", "PingFang SC", sans-serif;`` |

## Author

[Pluwen](https://twitter.com/pluwen)

cn-css-font-family

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README