Tahoma Arial Verdana三种字体的选择
2015-10-11 14:17
387 查看
最近在做“我的订单”页面,在字体选择上面参考了京东 淘宝的订单页面的字体。
京东字体为
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;
京东字体为
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;
相关文章推荐
- iOS常见问题总结
- 对于Linux操作系统的基本认识
- 机房收费系统文档(三)软件需求说明书
- D3D自学笔记
- Prime Query(ZOJ Monthly, October 2015 - I)
- 日本推出无人菜园,大量工人失业不远了
- JavaScript Core -- 如何创建一个对象
- 关于qquu8 的主页修改
- 沟通管理、风险管理、采购管理作业
- 星际导航
- nyoj1036 非洲小孩
- mySQl该数据库不能将中国的做法
- http请求状态
- JSTL进阶之自定义标签
- 枚举型Enum和结构型Stuct
- Avro数据序列化
- 全局大喇叭,详解广播机制
- 将两个数组中的内容进行交换(数组一样大)
- 基础-输入输出1
- 机房收费系统文档(二)项目开发计划