刚开始开发网站的时候基本没怎么考虑过字体的问题，font-family就微软雅黑啊，宋体，sans-serif一键搞定，当时想着电脑都有默认字体，随便设下就行了，基本都是微软雅黑，没那么讲究。后来要开发一个新网站了，设计给了设计稿，用的苹方字体。
这个时候突然想到字体的问题，最开始想的是直接引入。结果一下载，我的天呐，十几M这么大。电脑手机都有默认字体，而且Mac电脑默认都装有苹方字体了，这么大就算了吧，别引入了。怎么办呢？去牛逼点的网站参考他们是怎么用的吧，哈哈。
首先淘宝
body {
font-family: tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif;
}
虽然只是短短的5个字体名，但是毕竟是淘宝，肯定是有讲究的：
- tahoma：西文字体，小字号下结构清晰端整、阅读辨识容易
- arial：用户电脑未预装 tohoma，则选择 arial 作为替代的西文字体，覆盖 windows 和 MAC OS；
- Hiragino Sans GB：为冬青黑体，首选的中文字体，保证了 MAC 用户的观看体验；
- \5b8b\4f53：Windows 下没有预装冬青黑体，则使用 '\5b8b\4f53' 宋体为替代的中文字体方案，小字号下有着不错的效果；
- sans-serif：无衬线系列字体 sans-serif 结尾，保证旧版本操作系统用户能选中一款电脑预装的无衬线字体，向下兼容。
京东：
body {
font: 12px/1.5 Microsoft YaHei,Heiti SC,tahoma,arial,Hiragino Sans GB,"\5B8B\4F53",sans-serif;
}
首选微软雅黑，然后是黑体，西文，冬青黑体，宋体，无衬线字体。
网易云课堂：
body{
font-family: "Arial","Hiragino Sans GB", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
}
腾讯官网：
body{
font: 12px/1.5 'helvetica neue',tahoma,'PingFang SC','microsoft yahei',arial,'hiragino sans gb',sans-serif;
}
腾讯官网首选的是helvetica Neue，Helvetica是苹果电脑的默认字体，与微软常用的Arial字体相似。PingFang SC是苹果的苹方字体还是比较好看的，腾讯官网这种字体的选择算是比较偏向Mac电脑的，显示效果也是比较好看的。
小米：
body{
font: 14px/1.5 Helvetica Neue,Helvetica,Arial,Microsoft Yahei,Hiragino Sans GB,Heiti SC,WenQuanYi Micro Hei,sans-serif;
}
小米公司优先使用Helvetica Neue这款字体以保证最新版本Mac用户的最佳体验，选择了Arial作为Win下默认英文字体及Mac的替代英文字体；中文字体方面首选了微软雅黑，然后选择了冬青黑体及黑体-简作为Mac上的替代方案；最后使用文泉驿微米黑兼顾了Linux系统。
综上：最后自己选择的方案如下：
body{
font: 12px/1.5 "Helvetica Neue", "Helvetica", "tahoma","Arial", "PingFang SC","Hiragino Sans GB","STHeiti","Microsoft YaHei","WenQuanYi Micro Hei","sans-serif";
}