cn-css-font-family
cn-css-font-family copied to clipboard
Published
20 hours ago •
pluwen
pluwen
Best font-family settings for Chinese websites. 最适合中文网站的字体家族设置之一。
cn-css-font-family
Best font-family settings for Chinese websites. 最适合中文网站的字体家族设置之一。
Best Practices
| Name | CSS |
|---|---|
| Apple | font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; |
| Shimo | font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", Helvetica, Tahoma, Arial, "Microsoft YaHei", 微软雅黑, 黑体, Heiti, sans-serif, SimSun, 宋体, serif; |
| WeChat 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 | font-family: -apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; |
| Ant.Design | 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 | font-family: "Open Sans", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "WenQuanYi Micro Hei", Arial, sans-serif; |
| 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 | font-family: -apple-system, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft YaHei", sans-serif; |
| Microsoft | font-family: "Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif; |
| JianShu | font-family: -apple-system, SF UI Text, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif; |
| PingWest | 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 | font-family: Helvetica Neue, PingFang SC, Hiragino Sans GB, Heiti SC,Microsoft YaHei, WenQuanYi Micro Hei, sans-serif; |
| The Type | 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 | font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif; |
| LiveSino | font-family: -apple-system, system-ui, BlinkMacSystemFont, "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; |
pluwen