最近在做“我的订单”页面,在字体选择上面参考了京东 淘宝的订单页面的字体。
京东字体为
- font-family: Arial, Verdana, 宋体;
淘宝字体为
- font-family: tahoma, arial, ‘Hiragino Sans GB’, 宋体, sans-serif;
可以看到字体以Arial Tahoma Verdana三种为主,京东优先选择Arial,淘宝优先选择Tahoma。
为什么他们的排序是这样的,不清楚。
下面是我对这三种字体的对比过程:
大小为12号时:
Arial 字体的样式 ZITIdeyangshi 123456789
Tahoma 字体的样式 ZITIdeyangshi 123456789
Verdana 字体的样式 ZITIdeyangshi 123456789
大小为24号时:
Arial 字体的样式 ZITIdeyangshi 123456789
Tahoma 字体的样式 ZITIdeyangshi 123456789
Verdana 字体的样式 ZITIdeyangshi 123456789
通过上面的对比,可以明显的看出两个特点:
1. Arial 和 Tahoma 的大写 i ,Tahoma更容易识别。
2. Verdana的字间距比其他两个稍大一些。
Arial广为人诟病的一点就是i大写的问题,而在字体为12时,中文的样式、间距并无差别,所以我决定选择Tahoma作为我的主字体。
另外值得注意的一点就是京东和淘宝都选择Verdana作为订单金额的字体,我觉得是非常合理的。
因为订单的金额是非常重要的信息,Verdana的特点就是字间距较大,这样可以更为清晰。
所以最终确定我的字体样式:
- 通用 font-family: tahoma, arial, 宋体, sans-serif;
- 金额 font-family: verdana;