https://github.com/pluwen/cn-css-font-family
Best font-family settings for Chinese websites. 最适合中文网站的字体家族设置之一。
https://github.com/pluwen/cn-css-font-family
Last synced: 4 months ago
JSON representation
Best font-family settings for Chinese websites. 最适合中文网站的字体家族设置之一。
- Host: GitHub
- URL: https://github.com/pluwen/cn-css-font-family
- Owner: pluwen
- License: gpl-3.0
- Created: 2020-01-07T01:14:12.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2024-09-23T08:50:16.000Z (9 months ago)
- Last Synced: 2025-01-07T05:33:39.007Z (6 months ago)
- Homepage:
- Size: 19.5 KB
- Stars: 27
- Watchers: 4
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# cn-css-font-family
Best font-family settings for Chinese websites. 最适合中文网站的字体家族设置之一。
## Best Practices
| Name | CSS |
| --- | --- |
| [Apple](https://www.apple.com.cn/cn/) | ``font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;`` |
| [Shimo](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: 'Open Sans', -apple-system, Helvetica Neue, Helvetica, Roboto, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;`` |
| [SegmentFault](https://segmentfault.com/) | ``font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";`` |
| [Microsoft](https://www.microsoft.com/zh-cn/) | ``font-family: "Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif;`` |
| [JianShu](https://www.jianshu.com/) | ``font-family: -apple-system, "SF UI Text", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif;`` |
| [PingWest](https://www.pingwest.com/) | ``font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "SF Pro Icons", "PingFang SC", "Segoe UI", SegoeUI, "Microsoft YaHei", 微软雅黑, "Helvetica Neue", Helvetica, Arial, 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://thetype.com/zh-hans/) | ``font-family: TIBch, "Diatype T", "Segoe UI", "Helvetica Neue", Arial, "Hiragino Sans GB", "PingFang SC", "Heiti SC", "Noto Sans CJK SC", "Source Han Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;`` |
| [ZhiHu](https://www.zhihu.com/) | ``font-family: -apple-system, "system-ui", "Helvetica Neue", Helvetica, "Segoe UI", Arial, Roboto, "PingFang SC", miui, "Hiragino Sans GB", "Microsoft Yahei", sans-serif;`` |
| [LiveSino](https://livesino.net/) | ``font-family: -apple-system, system-ui, "system-ui", "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", 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)