英文字体倒是很好选择,有很多免费的,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;
}