文字是图形记忆的衍生记载方式。不同的字体呈现出不同的表达方式，更会反映出品牌的风格形象。字体设计的价值：1.信息传递，文字传递信息最直接最清晰的方式，而字体则直接决定了文字信息能否清晰、准确的传达；2.情感传达，字体在文字信息传达之前首先给人以情感冲击。3.个性塑造，不同的字体样式给人呈现不同的风格，圆润的字体传递出可爱风格，纤细的字体传递出高贵的感觉，选择正确的字体样式塑造品牌个性。

字体结构

一.字体选择

1.移动端：由于线上的字体受系统影响大，我们在选择字体时候是受限制的。因此规定，在ios系统中，中文字体使用苹方，英文字体使用 San Francisco，而San Francisco 有两类尺寸: 文本模式（SF UI Text）和展示模式（SF UI Display）。 文本模式适用于小于20 points的尺寸，展示模式则适用于大于20 points的尺寸。当你在你的app中使用San Francisco时，iOS会自动在适当的时机在文本模式和展示模式中切换；在安卓系统中，中文字体使用思源黑体，英文使用 Roboto；与此同时，数字采用 Helvetica Neue 这一跨平台的字体。

注：在ios中，如果你使用诸如Sketch或Photoshop的工具来进行设计，那么当你设置的字体大于等于20 points的时候，你需要切换到展示模式。iOS会根据字体大小为San Francisco自动调整字间距。

ios与andriod 不同font size在ps与sketch中的间距大小

2.web端：微软雅黑系列：使用最频繁的一种字体；方正正中黑系列：中黑系列的字体笔画比较锐利而浑厚，一般运用在标题文字中。但这种字体不适用于正文中，因为边缘相对比较的复杂，文字一多会影响用户的阅读；方正兰亭系列：整个兰亭系列的字体有大黑、准黑、纤黑、超细黑等。因笔画清晰简洁，这个系类的字体就足以满足排版设计的需要。可以通过对这个系列的不同字体进行组合，不仅能保证字体的统一感，还能很好的区分出文本的层次。

web端常用字体

二.字号规范

文字的大小决定了信息的层次，整齐而又分明的层次会让整体的设计变得清晰有序。在iPhone,iPad,iWatch 中设置的Body字体不应该小于11pt，这样才能被正常阅读。我们推荐的Body文本大小应该在15-18pt。

1.移动端：

移动端字号规范

例子：

支付宝字体运用1 支付宝字体运用2

2.web端：web端的字体最小为12px。常用内容文字大小为12px、标题与页头文字大小为14px、16px，大标题文字大小为18px、20px。如有特殊字号的特殊处理。

web端字号与字重

三.行高规范

参考 w3c，眼睛到屏幕的距离25cm，目前通用的做法是，西文的基本行高通常是字号的1.2em上下，而中文因为字符密实且高度一致，所以一般行高需要更大，1.5em至1.8em之间是一个比较好的视觉阅读效果。

行高公式「字号*1.5em至1.8em」

四.行高规范

字重是指字体笔画的粗细，一般在字体家族名后面注明的Thin / Light / Regular / Book / Bold / Black / Heavy等都是字重名称。红色部分为轻的字重，蓝色部分为重的字重。

字重

不同的字重会有不同的效果，纤细的字体会给人轻盈、欢快的感觉，厚重的字体会给人庄严、严肃的感觉。

适用场景

但适用场景并不是一成不变的，还需自己探索，实用合适才是最重要的

总结

小小一枚ui设计师，初入设计行业，经验有限，总结或许有些浅显，内容有参考借鉴，不足之处还需努力。