「世界上只有两种行动作业系统：一种叫 iOS；一种叫 Android. Others 早在几年前全死光了。」
不聊别的，就单单想讲系统预设字体。
如果你只是一个很普通的用户，你基本上很难察觉出 iOS 和 Android 系统的字体有什幺差异，就算是 UI 设计和开发团队也不容易察觉到。但如果你花一些时间研究一下，你就会顿悟到这两种字体的差异。
今天就是教你如何从预设字体下手来辨别 iOS 与 Android 作业系统。
这里只讲英文字体。CJK 字体不包括在内。
为了让小白也看得懂，我就先放一些词的意思：
1. CJK - Chinese, Japanese and Korean 的缩写，中文、日文与韩文的统称
2. 字元间距 - 字与字的距离
3. 字重 - 字体的粗细，範围通常在 100 到 900，数字越大字体越粗，反之越细
4. 无衬线体 (Sans Serif) - 没有额外修饰线条的字体，非常适用于显示器
5. 衬线体 (Serif) - 有额外修饰线条的字体，非常适用于纸质印刷。最知名的衬线体就是 Times New Roman 与宋体
iOS 和 Android 字体历史
iOS 从 iPhone OS 1 到目前的 iOS 14 (以及即将发布的 iOS 15) 经历了 3.5 次的字体更换。
![]()
第一次为 iPhone OS 1 至 iOS 6 时期，採用的是 Helvetica Neue Bold 字体；
第二次为 iOS 7 至 iOS 8 时期，为了应对重新设计的扁平化风格，从 Helvetica Neue Bold 字体改为 Helvetica Neue Roman 字体及 Helvetica Neue Ultralight 字体，从而达到轻薄的效果；
第三次为从 iOS 9 开始，全面使用 Apple 自己设计的 San Francisco 字体来取代 Helvetica Neue 字体。
第 3.5 次则是 iOS 10 开始弃用非常轻薄的字重，比如 Ultralight 和 Thin，改成目前的 Regular 和 Semibold 字重。
Android 则经历了 2.5 次的字体变换。
第一次为 Android 1.0 到 Android 3.2 Honeycomb 时期使用了 Droid Sans 字体；
第二次为 Android 4.0 Ice Cream Sandwich 开始改用 Google 自己设计的 Roboto 字体来取代 Droid Sans 字体；
第 2.5 次则是在 Android 5.0 Lollipop, Google 修改了 Roboto 字体，将字体的小点 (tittle, 比如 i 和 j) 从方形改为圆形。
iOS 预设字体 - San Francisco, 以下以缩写 quot;SF quot; 标识。
SF 是 Apple 在 2014 年设计的字体，属于新无衬线体 (Neo-grotesque) 分类的字体，其灵感源自于最知名的 Helvetica 字体与 FF DIN 字体。
起初只应用在 Apple Watch 与 watchOS，后来在 WWDC 2015 正式公布用于 watchOS 的 SF Compact 字体，以及用于 iOS 与 OS X (如今的 macOS) 的 SF UI 字体。从 iOS 9 与 OS X 10.11 El Capital 开始代替 Helvetica Neue 作为系统的预设字体。从 iOS 11 与 macOS 10.13 High Sierra 开始，SF UI 字体改名为 SF Pro 字体。
SF Pro 的特点在于：
1. 拥有两种子字体 - SF Pro Display 和 SF Pro Text. Apple 要求 20 点 (pt) 或以上的字号一律使用 SF Pro Display; 而 19 点或一下的字号一律使用 SF Pro Text. 好处在于 SF Pro Text 的字元间距 (letter spacing) 比 SF Pro Display 宽，小字号下不会感到很紧凑，更容易阅读。
2. 涵盖所有的字重 - SF Pro 涵盖了从 100 到 900 的所有字重，包括斜体 (Italic)。相比之下 Helvetica Neue 只涵盖了 8 重字重，而 Roboto 只涵盖了 6 种字重。
SF 使用字重名字来对应字重数字：
| 字重数字 | 字重名字 |
| 100 | Ultralight |
| 200 | Thin |
| 300 | Light |
| 400 | Regular (标準) |
| 500 | Medium |
| 600 | Semibold |
| 700 | Bold |
| 800 | Heavy |
| 900 | Black |
3. Apple 对于 SF 字体的使用非常严格：只能用于 Apple 平台相关的设计、开发与展示用途，比如 iOS 与 macOS app. 除此之外一律视为侵权。
Android 预设字体 - Roboto
Roboto 是 Google 在 2012 年设计的字体，同样属于新无衬线体 (Neo-grotesque) 分类的字体。Google 把 Roboto 描述为「现代的、但平易近人」和「有感情」的字体。但被一些评论员批评像「大杂烩，是 Google 版的 Arial」。
从 Android 4.0 Ice Cream Sandwich 开始代替 Droid Sans 作为系统的预设字体，后来在 Android 5.0 Lollipop 被 Google 重新设计。
Roboto 的特点在于：
1. 免费供所有用户使用。只要遵守 Apache 授权条款就可以在任何一个地方使用，比如网页、行动 app 等。小部分第三方 iOS app 也是使用 Roboto 字体。
2. 不分子字形，任意大小都能使用，方便开发。
3. 字重有六种，包括斜体 (Italic)。
Roboto 使用字重名字来对应字重数字：
| 字重名字 | 字重数字 |
| 100 | Thin |
| 300 | Light |
| 400 | Regular (标準) |
| 500 | Medium |
| 700 | Bold |
| 900 | Black |
顺带一提，YouTube 在任意平台 (Web, iOS, Android) 都是使用 Roboto 字体。
SF Pro 与 Roboto 的字体差异
从第一条到第三条的字体为 SF Pro Display, SF Pro Text 与 Roboto
相同字号下的大字体：
SF Pro Display 与 Roboto 宽度几乎一样，后者只是比前者宽一点点。但是 SF Pro Text 因为字元间距比较宽的缘故，总体来说就非常长。
相同字号下的小字体：
SF Pro Display 的宽度是最小的，其次是 Roboto，而 SF Pro Text 最长。
从以上的图片来看，差异最明显的莫过于这些字体：
1. 小字体：a, e, g, b, d, p, q, t
2. 大字体：C, G, O, Q
3. 数字：1, 6, 9
4. 符号: , $, 逗号, 分号，()
虽然不多，但也足够做区分了。
你觉得哪一个比较好看?
蓝色是 SF Pro Display, 红色是 Roboto
小字体：a, e, g, b, d, p, q, t
先看 a 好了。
干，不是这个。
小 b 最显眼的地方在于椭圆形。SF Pro 的椭圆形是非常漂亮的；而 Roboto 的椭圆形像是被切掉一截。同样适用于小 d, 小 q 和小 p.
![]()
大字体：C, G, O, Q
只要是椭圆相关的大字体都有很明显的差异。SF Pro 的椭圆都是矮而圆润；Roboto 的椭圆都是高而僵直。
数字：1, 6, 9
6 同样适用于 9。
符号: , $, 逗号, 分号，()
总结一下 SF Pro 字体和 Roboto 字体的特徵：
1. SF Pro 字体的尾巴和柱子尾端多数是直的或者横的，甚至是 90 度垂直；而 Roboto 字体的尾巴和柱子尾端都是斜的或弯的；
2. SF Pro 字体比较矮，但圆润，而且无论是椭圆还是圆都很完美；而 Roboto 字体比较高，但僵直，而且椭圆不是被切掉一截，就是莫名有凸起来的尖角；
3. SF Pro 字体不会弯到一半突然转直，但 Roboto 会。
整体美观来讲 SF Pro 肯定优于 Roboto，毕竟 Roboto 的「改良版的大杂烩」、「Google 版 Arial」不是叫假的。而且 Google 已经开始把自家产品的字体从 Roboto 改成几何无衬线体的 Product Sans 字体。
但就像我之前讲的，SF 字体不能随便用。因此喜欢 SF 字体的用户都会选择山寨版的 SF 字体 - Inter 字体。差不多就是 Helvetica 和 Arial 的因果关係吧。
顺便再说一个有趣的事情，只要事先做好观察，那幺大部分情况下看小 a 就可以分辨是什幺字体了。
下次有空就聊聊 SF Pro 和 Inter 的差异，以及 Helvetica Neue 和 Arial 的差异吧。
好的，下课。
