上一篇讲了界面常用的中文字体和英文字体，本期讲了数字字体，数字在设计中的比重其实还是很大的。特别是在金融和电商设计中，数字字体一直是情感的传达，是设计细节的体现！那么今天电商设计和金融设计中常用的数字字体有哪些呢！

字体的骨架

1. 结构部分

共享之前，必须知道字体结构。

顶部：字体中最高字形基线上方的最大距离；上升：单个字符基线上方的建议距离下降：单个字符的建议距离低于基线。底部：个字符中最低字形基线下方的最大距离行距：表示字体和换行基线之间的距离。基本英语字体都是由这些单位组成的，所以理解了这些基础后，我们设计中选择字体的方法才会更加方便。

2. 身体部分

前面的图片是字体的上下结构关系，所以这张图片是字体本身由它的元素组成的。

躯干：数字本身的横竖，是比较直的笔画。字碗：顾名思义，弧形笔划；环：字体包围的空间。在

3. 字距部分

字之间，行业内的两种方法之一是每种字体的大小相同，比如我们熟悉的Lato，或者说一种方法是基于每个字母本身的大小。例如，1变小，9变大。这两种布局方式有好有坏

需要注意的地方：

通常我们在网上免费查找数字字体或选择几种流行字体时，需要检查“$”和“%”“”“6555”符号。

也要在选择字体时仔细检查每个字符。例如，数字中最容易混淆的是1和7，0和O。

常用数字字体

那么我们做金融设计或电子商务设计，数字字体到底用什么？在选择之前，先看看互联网公司使用的是什么字体。

苹果

招商银行：DIN字体；京东金融：DIN的字体，重新进行了设计

百度金融：DIN字体基础上调整6.9，支付宝：苹果原生Helvetica Neue

富途：苹果原生Helvetica Neue，韩国SSG：苹果原生Helvetica Neue

所以通过以上简单调研，我们不难发现，现在国内外大多数金融产品数字字体都是运用苹果自带数字字体，以及Din这个字体基础上调整，那么为什么Din这个字体这么受设计师喜爱呢？

Din故事

DIN 是德国标准协会，Deutsches Institut für Normung 的首字母缩写。1975年起，德国政府把DIN作为国家标准体系，DIN 标准在国际和欧洲范围内被广泛使用。DIN 字体继承了严谨可识别度高，被广泛运用。

在德国公路指示牌，以及机场，地图里面，大多数运用Din字体作为引导字体。

在很多杂志包装中，也可见大量Din字体的运用，德国人的严谨在这个字体中体现的淋漓极致。

缺陷

前面我们说了DIN在公路以及杂志，平面设计中用的很多，但是直接拿到互联网APP设计中各种复杂的场景，DIN就没有那么的完美。

如图中，4的开头较大，以及5，6字体的圆形不够一致，7缩小后识别度问题，所以很多公司都会基于这些问题进行二次设计，这也是前面竞品分析里面提到，为什么微信，京东，百度会这个基础上再设计的原因。

常用数字字体

如果只推荐一个数字字体，我肯定会推荐Din，但是Din并不免费，价格不便宜，如果需要运用每年会有一笔不小的费用，所以如果公司不愿意购买，你可以Din基础再重新设计一版本，也可以使用一些其他不错的数字字体，接下来给大家推荐一些免费版权使用的！

1. Gaoel

如果都是用Din其实也容易看腻歪，首先推荐的这个我特别喜欢，整体字体设计很圆润，年轻化，可爱非常适合一些偏年轻化的产品，同时字重非常适合金融产品的字重效果！

在支付宝备用金页面中，就运用了类似这种比较圆润有活泼感数字字体！大家可以尝试下这个字体在你界面中效果，保证不会失望。

2. Montserrat

谷歌免费字体中很优雅的一个字体，用在数字上或者界面中都非常的优雅。

3. Poppins

谷歌免费字体中经常被用到的一个字体，除了9稍微显得有点笨拙以外其他都挺现代的。

4. Bitter

谷歌旗下的同样广泛运用到各种设计中，字体和英文字体都很好用。

5. Fjalla One

Din字体的替代品，很多人一直在寻找的，如果公司不愿意购买Din字体，那么谷歌旗下这个字体非常完美的替代品，使用出来的效果和Din也不会相差很多。

6. Graduate

谷歌旗下免费的，非常英伦风格和学院风的一款数字字体，用在海报或者一些个人化活动页面效果非常好，当然作为英文排版也是很高级。

7. Futura

谷歌旗下免费的，这个字体无论英文还是数字都非常现代化，非常干净利索的一款字体，做到PPT里面效果非常好。

8. Proxima Nova

这款不免费，当然收费也非常对得起他这个价格，效果大家可以自己看，非常优雅，现代。

9. Gotham

非常适合发布会，极简的网站设计，或者海报，非常现代干净的一款字体，效果如图，dribbble上各种好看的设计里面都跑不了这款字体。

10. Lato

非常现代科技感的一款字体，无数知名app在用的字体，同样出自谷歌旗下，保证你不会出错的一款字体，之前天猫用过，效果非常好。

衬线字体

Playfair Display

如果只让我推荐一款衬线英文字体，那么必须是Playfair Display莫属，心头大爱的字体，古典，现代优雅于一体，不知道多少大牌一直用这个字体做设计。

如果你一直在寻找一款衬线英文字体，那么这个必须首先，效果直接看图！

关于界面中字体系列就到这里，基本这些字体覆盖我们常用的中英文，掌握这两个就够了。

最后

希望通过这两篇的分享，能够帮助大家在UI设计中提升字体的运用，以及如何去定义一个界面的字体！

#相关阅读#

《界面好看，界面中的字体当然不能拖后腿》

作者：sky，支付宝设计专家，微信公众号：我们的设计日记（ID：helloskys），设计交流添加微信：helloskys678

本文由 @我们的设计日记 原创发布于人人都是产品经理。未经许可，禁止转载。

题图来自Unsplash, 基于CC0协议。