HTML 字体

font: 300 1em/1.8 sans;

参考

阮一峰          Georgia, serif
开源中国        微软雅黑, Verdana, sans-serif, 宋体
typo.sofi.sh    PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans
作业部落        PingFang SC, Hiragino Sans GB, Helvetica Neue, Microsoft Yahei, WenQuanYi Micro Hei, sans-serif
MDN             'Open Sans',Arial,sans-serif
小众软件        Lucida, Verdana, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', sans-serif
码弄周刊        'Helvetica Neue', Helvetica, Arial, 'WenQuanYi Micro Hei', 'Microsoft Yahei', SimSun, sans-serif
Django Book     'Microsoft YaHei', 'Lucida Grande', Verdana;

设计

各平台常用字体

OS X      : PingFang SC, Hiragino Sans GB, Helvetica Neue, Helvetica, Heiti SC, Monaco
Linux     : Ubuntu Mono, WenQuanYi Micro Hei, Source Code Pro
Windows   : Microsoft Yahei, SimSun, Courier New, Georgia, Tahoma, Arial

设计思路

1. 不用很多，如果没有所选的字体，就是用浏览器默认设置
2. 优先级：Mac OS > Ubuntu > Windows