字体是界面设计中重要的构成要素之一，它能辅助信息的传递，是文字的外在表现形式；字体还可以通过其独有的艺术魅力，表达情感体验，并塑造品牌形象。本文总结了字体设计的重要性、界面常用字体推荐以及国内外权威设计体系中对字号、行高、字重的选择和设置。如果你想对界面字体设计有更深一步地了解和运用，本文将会提供一些帮助。
辅助信息传递
文字是信息内容的载体，是记录思想、交流思想、承载语言的图像或符号，而字体则是文字的外在形式特征，是文字的视觉风格表现。合适的字体可以辅助文字，将信息清晰、准确地传递给用户。
表达情感体验
字体的艺术性体现在其完美的外在形式与丰富的内涵之中。在文字信息传递给用户之前，人们首先感受到的是字体带来的视觉魅力以及情感表达。
塑造品牌形象
不同字体有着不同的风格特征: 有的字体优美清新、线条流畅；有的字体造型规整、充满张力；还有的字体生动活泼、色彩明快… 根据产品的属性选择正确的字体，便能有效地塑造品牌形象。
字体的选择是由产品属性或品牌特性的关键词而决定。一般中文字体种类分为：黑体、宋体、仿宋、楷体等；英文字体种类分为：无衬线体、衬线体、意大利斜体、手写体、黑字体等。
中文字体推荐
线上中文字体推荐使用 思源黑体、华文黑体、冬青黑体、微软雅黑、苹方-简、黑体-简、方正兰亭黑 。其中 iOS 系统默认中文字体是「苹方 (PingFang)」，Android 系统中文字体使用「思源黑体 (Noto Sans CJK)」。
介绍下「思源黑体」这款字体，它是由 Google 和 Adobe 合作开发出来的，风格介于现代和传统之间，可以广泛用于多种途径，比如手机、平板、桌面的用户界面、网页浏览或者电子书阅读等。它为人们带来了愉悦和高效的信息阅读体验，并且是免费的。
英文字体推荐
线上英文字体推荐使用 San Francisco、Helvetica Neue、Roboto、Avenir Next、Open Sans 。其中 iOS 系统默认英文字体为「San Francisco」，Android 系统默认英文字体为：「Roboto」。
Helvetica 是一种被广泛使用的西文字体，1957 年由瑞士字体设计师设计，微软常用的 Arial 字体也来自于它。作为一款经典的无衬线字体，Helvetica 在平面设计和商业上非常普及和成功，被认为是现代主义设计理念的典范，其简洁朴素的线条风格非常受追捧。
数字字体推荐
线上数字字体推荐使用 DIN、Core Sans D、Helvetica Neue 。
DIN 起源于 1995 年的德国，无衬线字体，易用耐看、字形开放，是设计师最爱的几类字体之一，适合显示比较长的大号数字，但是小字号的情况下识别度较低。
Core Sans D 是由韩国设计师设计的一款无衬线字体，支持 Thin、Light、Regular、Medium、Bold 等类型字重，对大号数字的显示效果不错，不过它是收费字体。
Helvetica Neue 除了上文介绍的简洁朴素、中性严谨、没有多余的修饰外，还是 Helvetica 的升级版，拥有了更多的字重，可以作为 iOS 和 Android 跨平台数字字体使用。
字号是界面设计中另一个重要的元素，字号大小决定了信息的层级和主次关系，合理有序的字号设置能让界面信息清晰易读、层次分明；相反，糟糕无序的字号使用会让界面混乱不堪，影响阅读体验。
字号的选择，可以遵循 iOS 、Material Design、Ant Design 等国内外权威设计体系中的字号规则，也可以根据产品的特点自行定义。
iOS 字号规则
在 iOS11 系统中，使用 San Francisco 作为系统英文字体，包含了以下几种字号的文本样式：
11pt/12pt Caption (说明文字)13pt Footnote (脚注)15pt Subhead (副标题)16pt Callout (标注)17pt Body/Headline (正文/模块标题)20pt/22pt/28pt Title (页面标题)34pt Large Title (页面大标题)需要注意的是，San Francisco 字体有两种模式: 文本模式 SF Pro Text 和展示模式SF Pro Display ，文本模式适用于字号小于 20pt 的文字，展示模式适用于字号大于等于 20pt 的文字。
Material Design 字号规则
在 Material Design 设计体系中，使用 Roboto 作为英文字体，规定了以下文字排版的常用字号：
12sp 小字提示14sp (桌面端 13sp) 正文/按钮文字16sp (桌面端 15sp) 小标题20sp Appbar 文字24sp 大标题34sp/45sp/56sp/112sp 超大号文字长篇幅正文，每行建议 60 字符左右，短文本建议每行 30 字符左右。
Ant Design 字号规则
Ant Design 受到 5 音阶以及自然律的启发定义了 10 种不同的字号，从小到大依次为：12px、14px、16px、20px、24px、30px、38px、46px、56px、68px。
建议主要字号为 14px，其余字号的选择可根据具体情况进行自由的定义，尽量控制在 3-5 种之间，保持克制的原则。
Kiwi 字号规则
Kiwi 是饿了么的中后台设计语言，致力于打造出能够「了解、洞察、温暖、激励用户」的产品。在 Kiwi Web 中，规定最小字号为 12px，主要文本字号为 14px，最大字号为 46px。
行高可以理解为一个包裹在字体外面的无形的框，字体距框的上下空隙为半行距。
参考 W3C 原理，眼睛到屏幕的距离 25cm 为最佳阅读距离。西文的基本行高通常是字号的 1.2 倍左右。而中文因为字符密实且高度一致，没有西文的上伸部和下延部来创造行间空隙，所以一般行高需要更大，根据不同人群的特点 (儿童、年轻人、老年人) 以及使用环境，可达到 1.5 至 2 倍甚至更大。
iOS 行高设置
Apple 官方的 iOS 字号与行高对应关系如下 (@1x倍率)：
Fluent Design 行高设置
Microsoft 官方的 Fluent Design 字号与行高对应关系如下 (使用字体 Segoe UI)：
Ant Design 行高设置
蚂蚁金服的 Ant Design 字号与行高对应关系如下 (优先使用系统默认字体)：
行高计算公式: L = F + 8。其中 L 是行高 (Line Height)，F 是字号 (Font Size) ，F ≥ 12
字重是指字体的粗细，一般在字体家族名后面注明的 Thin、Light、Regular、Medium、Bold、Heavy 等都是字重名称。越来越多的产品界面需要通过字重来拉开信息层次，当下主流趋势 iOS11 大标题风格就是通过字重来拉开信息层级的。
不同的字重体现不同的层级关系和情绪感受，细的字体给人以细腻、轻盈的感觉，而粗体则给人庄重和严肃的感受，所以在定义字体规范时候需要考虑什么场景用什么字重，从而保持良好阅读体验。
字重的设置同样基于秩序、稳定、克制的原则。为了统一整体效果，一般情况下使用两种字重为佳，例如只出现 Regular 以及 Medium 这两种字体粗细，特殊情况下可以使用更粗或更细的字重进一步拉开信息层级。
当字号大小为 12-18pt 时，使用 Regular；20-26pt 时，使用 Light；28-34pt 时，使用 Thin；当字号大小超过 34pt 时，建议使用 Ultralight。
以上是按字号与字重反比的规则设置，即字号越大，字重越细。当然也可以按正比的规则或者自定义规则，具体还是要根据产品的定位和用户的特点来设置，以保证信息层级清晰明了为准。
本文到此就要告一段落了，如果对你有一点帮助就请点个赞吧~ 感谢你的阅读~
作者：Neil彭彭，公众号：彭彭设计笔记，不定期更新 UI/UX 设计类精品文章
本文由 @Neil彭彭 原创发布于人人都是产品经理。未经许可，禁止转载。
题图由作者提供
字体要钱？是的，其实多数人都忽视了一点，字体要钱。当然这有点言过其实了，字体要钱特指一些商用行为，但涵盖的范围也比较广，比如最常见的就是淘宝、广告宣传之类的、甚至是文章、字幕都算，有时候可能我们不知不觉就侵权了。
老张几个月前也看到过某UP被钓鱼了，仅仅是用来做了字幕，居然被罚了数万块钱，真的是惊到了。相信很多朋友也有用好看字体的需求，为了保险起见，今天就来给大家推荐些免费商用字体，避险避雷。
▌ 免费下载站？NO！
那你一定会说，百度一搜网上下免费字体不就行了呗，但事实上是，很多免费字体下载站的链接下面都会附带一行小字“本站仅提供下载资源，仅供学习和参考，商用需自行寻找授权”之类的话。
所以这类下载站其实只是提供资源，千万不要商用，否则碰雷率还是蛮高的。那么某些标榜低收费字体授权下载站呢？
这类老张几年前就开始试过，实际用下来发现，这种网站就和流动地摊一样，一开始感觉很正规，但是一年左右开始网站很多功能突然关停，账号授权信息也变成维护中了，最后也说不清到底有没有版权。最有意思的是，这家网站逐渐关停、另一家名字差不多的突然又开起来了，年复一年都是如此，感觉是个套，真的是不太放心...
老张一个同学办了个公众号，因为用了几次某好看的字体就被告知侵权，好在字体公司比较良心，只是提醒他们换掉字体就好了。
但特别需要注意的是，Windows自带的微软雅黑居然都是收费字体，今年3月有个所以千万不要随意商用。很多字体都在“版权狂魔”北大某正字库手下，一旦侵权就是律师函警告了...
▌ 好看不要钱？YES！
之前老张和几个学设计的同学讨论过一晚，最后总结了很多实用好看的免费商用字体，这之中有能轻易找到的、也有你可能没听说过的，不多说，一起来看看吧！
老张用的最多的是思源字体，思源字体是Adobe与Google领导开发的开源字体家族，造型工整美观，基本适用于绝大多数场合，也是万能字体，
比如湾湾的公众号封面就是思源宋体。其实，这个字体是我用来代替华文仿宋的，字体相对而言更有点胖胖的感觉。思源黑体的话更加庄重严肃，基本可以应付各种商务用途。
日本厂商出了三款改造自思源宋体的日本明体系列，包含源流明体、源漾明体、源云明体，完美兼容繁体中文，样子比思源体苗条一些，观感比较雅致，
日本字体爱好者还做了装甲明朝体，纵线较粗横线较细，字体风格比较独特，也很适合一些有设计感的需求使用。
如果你喜欢用繁体字的话，可以试一下台湾教育部体系列，是的没错，这个字体就是台湾教育部出的...免费使用、还很好看，
如果喜欢有质感的古风书法字体，可以尝试一下Oradano-Mincho名朝体，
书写风格的也可以看看刻石录的刻石錄鋼筆鶴體、刻石錄明體、刻石錄顏體，
喜欢很细很锐利的字体，可以用用看超极细字型，（日版有超極細ゴシック体）
另一个就是马爸爸的阿里普惠体，今年4月UCAN 2019设计大会上推出，免费授权给所有人用，主要也是为了给手头不宽裕的中小型商家减轻创业负担。
（官网：alibabafont.taobao.com）
字体造型瘦长、简单明了，涵盖了各种中英文、覆盖173语种，属于万能百搭字体，很良心。
此外，阿里还通过人工智能系统设计，汉仪辅助完成了一套阿里汉仪智能黑体，这套字体比较有视觉冲击力，非常适合做醒目的标题，不过和普惠体不同的是，它仅限在阿里巴巴平台上使用。
比较良心的自然还有Android这个开源大户，旗下的Android sans fallback曾为安卓设备所用，这个字体也是免费使用的，因为特征不是很明显，基本算是百搭字体，
比较出名的还有部分站酷字体，其中的站酷酷黑体、站酷高端黑体、站酷快乐体、站酷小薇LOGO体、站酷意大利体，是免费授权全社会使用的。
站酷的这类字体风格偏向轻松娱乐的感觉，比较适合做一些轻松内容的封面字体，但感觉不适合做严肃题材的字体。
旁门正道标题体相对没有那么轻松，感觉做什么都可以，比站酷效果好一点，但依然没有什么高级感，
贤二体是个比较可爱的字体，应该会有很多妹子喜欢的，
平面设计师Joker9推出了很多好看的字体，比如沐瑶软笔手写体、杨任东竹石体、手书体中文简体，
方正系列的话，虽然很多是收费的，但也有免费的，比如方正黑体、书宋、仿宋、楷体，但麻烦的是依旧需要书面授权，所以这次还是不那么推荐了。如果你不怕麻烦，那还真的不错，因为这系列字体真的好看。
另外就是Fandol破产字体，因为真的是没钱赚、公司破产了...于是他们把自己的字体给大家免费使用。
日文可以用851手写杂体，同时作者还顺手写了很多简体字，所以这个字体中是有很多简体字可以用的，应付日常完全足够，（下载源在Dropbox）
英文方面，大家可以上Font Space看看，有几十款都是用户自己制作上传的免费可商用字体，样子也蛮好看的，
喜欢设计感强一点可以用Arual体，造型相当简洁、线条抽象。
最后，虽然很多字体确实是收费的，但设计的确实好看，值那个价，很多商业广告类的或者美工的工作确实需要用到。制作字体确实不易，每个字的开发成本都很高，尤其是中文，字多更贵。如果有条件的公司建议还是支持收费字体，我们普通玩家的话，免费的用用也挺好的。
参考链接：
https://www.zhihu.com/question/19889152/answer/174056236
https://zhuanlan.zhihu.com/p/45308496
相关问答
华文字体是常州华文印刷有限公司推出的字体。肯定是有版权的啊。但是LOGO中使用什么字体不会侵权。货物标签属于商用。商用须取得字体设计版权方的授权。若...
华文隶书字体可以商用。华文隶书体非常美观,是一种美丽的字体,起源于隶书体。华文隶书体被许多网站应用为logo上文字的字体,也被许多广告商用做重点字体。华...
不是1、宋体常用于书籍、杂志、报纸印刷的正文排版。2、常用于排印副标题、诗词短文、批注、引文等,在一些读物中也用来排印正文部分。3、华文中宋体应用广...
法律咨询华文行楷的字体可以免费商用吗?其它综合遭遇法律难题?点击为您量身定制解决方案咨询共有1位律师解答需要根据著作权情况郑州法律问答顾问咨询我若问题紧...
除了Windows的「隶书」,其他的有「方正隶书」「华文隶书」等。这些本质都是对于同一套字体的数字化,不能代表整个「隶书」书法字体。相比方正、华文等有历史有...
WPS是直接调用您系统字体库中的字体的,您将需要的字体下载好,放在系统字体库C:\WINDOWS\Fonts,WPS会自动调用到的。WPS的默认字体是可以更改的,点击鼠标右键-字...
有区别。中文宋体,是为适应印刷术而出现的一种汉字字体。笔画有粗细变化,而且一般是横细竖粗。华文中宋稍粗,较方正,较醒目,无论字体大小都保持清晰。有区...
itiblt是华文细黑字体,是由中国常州华文印刷新技术有限公司(SinoType)制作并持有版权的一种TrueType电脑字体。在无中文的环境下显示的名称为STHeitiLight或S...
iOS8系统中文字体是『常州华文的黑体-简』;英文字体是『Helvetica』字体。iOS9系统中文字体『苹方』;英文字体是『SanFrancisco』字体,也就是“旧金山”字...
先下载好该字体,然后点击“开始”菜单--“设置”--“控制面板”打开“控制面板”,双击“控制面板”中的“字体”文件夹,将下载好的字体文件(不是压缩包也不是...
