web网页字体选择

英文字体倒是很好选择，有很多免费的，google web fonts就有很多，完全够用。
可是中文的就很纠结了。由于中文字体的组成的特殊性，导致了中文字体体积很大，无法良好的使用web font。就算用子集化处理，毕竟也是针对少部分字，大部分的文字还是得用系统自带的字体。然后就涉及到不同系统，不同平台字体的字体的选择问题。以下列出各平台合适的中西文字体：

综上所述：

大致排序规则：先英文，再中文，先最新最优雅的字体，再次新次优雅的字体，方便不支持新字体的时候优雅降级。
具体原因可参考如何优雅的选择字体(font-family)，故个人总结字体排序代码如下：

body {
    /*en,zh,mac,windows,linux,ios,android*/
    font: 14px/1.5 "Lucida Grande","Helvetica Neue",Helvetica,Arial,'PingFang SC',"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei","WenQuanYi Microhei","Heiti SC","STHeiti","Noto Sans CJK SC","Source Han Sans CN",sans-serif; 
}

参考

• 如何优雅的选择字体(font-family)
• 豆瓣首页
• 知乎首页
• bootstrap首页
• 网页字体排印指南