前言

要聊“蘋果系統(tǒng)字體變遷史”，本應(yīng)從蘋果推出的第一臺(tái)計(jì)算機(jī)說(shuō)起，但由于年代久遠(yuǎn)，這一方面的資料也鮮有記錄，所以本文會(huì)將時(shí)間向后推移，從蘋果歷史上的第一臺(tái)圖形用戶界面計(jì)算機(jī)聊起。

一、沒(méi)有名份的“System”與“Icon Name”

1983 年 1 月 19 日，蘋果發(fā)布了其歷史上第一臺(tái)圖形用戶界面計(jì)算機(jī) Apple Lisa，這臺(tái)計(jì)算機(jī)是以喬布斯女兒的名字命名的，搭載了 LisaOffice System 操作系統(tǒng)。由于技術(shù)限制，這一時(shí)期的計(jì)算機(jī)字體都是“位圖字體”，位圖字體是由一個(gè)個(gè)像素點(diǎn)組合而成，在小字號(hào)下字形容易受到限制。所以這個(gè)時(shí)期的 Apple Lisa 在界面顯示上用到了兩種字體，一種用于系統(tǒng)菜單、窗口標(biāo)題、對(duì)話框等場(chǎng)景，一種用于應(yīng)用程序的圖標(biāo)名稱。這兩種字體在 Apple Lisa 中并沒(méi)有正式名稱，開(kāi)發(fā)人員只是以使用場(chǎng)景進(jìn)行了簡(jiǎn)單的命名，分別稱為“System”與“Icon Name”。

“System”字重較粗，系統(tǒng)只包含了 12 Point 字號(hào)。這款字體給到用戶最深刻的印象就是 W 和 V 的設(shè)計(jì)，一般字體 W 和 V 的兩側(cè)筆畫(huà)都是傾斜的，但 System 卻打破了常規(guī)，左側(cè)筆畫(huà)完全成垂直，右側(cè)筆畫(huà)則使用了更大的斜度。這款字體后期釋出了 True Type 版本，也有了正式名稱，被稱為“Twiggy”。設(shè)計(jì)上保留了原始位圖版本的像素感，獨(dú)特的復(fù)古風(fēng)格很容易讓人想起早期計(jì)算機(jī)時(shí)代。

“Icon Name”系統(tǒng)只提供了 9 Point 字號(hào)。不同時(shí)期小寫(xiě)字母的字形有較大差異，如 Lisa OS1.0、2.0 時(shí)期小寫(xiě)字母“i”“j”“l(fā)”是帶有襯線的，而到了 3.0 時(shí)期卻拿掉了襯線。再如 1.0、2.0 時(shí)期的小寫(xiě)字母“p”“b”筆畫(huà)更加幾何化，而到了 3.0 時(shí)期卻更具書(shū)法特征，左右筆畫(huà)連接處各增加了一處缺口，還原了常規(guī)“p”“b”的字形特征，類似的還有小寫(xiě)字母“m”“n”等。

二、早期經(jīng)典 Chicago 和 Geneva

Apple Lisa 面世的第二年，喬布斯發(fā)布了蘋果早期歷史上最重要的計(jì)算機(jī) Macintosh，搭載了 System 1 操作系統(tǒng)。同 Apple Lisa 一樣用戶界面使用了兩種字體，分別是用于系統(tǒng)菜單、窗口標(biāo)題、對(duì)話框等場(chǎng)景的 Chicago 和用于圖標(biāo)名稱的 Geneva。

Chicago 是第一款為 Macintosh 開(kāi)發(fā)的字體，具有較粗的字重，系統(tǒng)只包含了 12 Point 字號(hào)。整體字形采用橫平豎直的結(jié)構(gòu)，減少了傾斜筆畫(huà)的使用，如大寫(xiě)字母“A”“W”“X”傾斜的筆畫(huà)完全被設(shè)計(jì)成垂直的。以今天的眼光來(lái)看，Chicago 并不算一款易讀性高的字體，但早期系統(tǒng)字體除了傳遞信息外，還承擔(dān)著品牌塑造的作用，所以在這種語(yǔ)境下 Chicago 是適用的。后來(lái)這款字體還被用在 iPod 的用戶界面上，不過(guò)這都是 2000 年后的事情了，當(dāng)時(shí)還引起了不少 Macintosh 用戶的緬懷。

Geneva 的設(shè)計(jì)靈感來(lái)自 Helvetica，屬于新異風(fēng)無(wú)襯線體。當(dāng)時(shí)系統(tǒng)提供了四種字號(hào)，9 Point、12 Point、18 Point 和 24 Point，9Point 應(yīng)用于圖標(biāo)名稱。Geneva 與 Apple Lisa 的 Icon Name 一樣，小寫(xiě)字母“i”“j”“l(fā)”等帶有襯線。字母“y”則同 Chicago 一樣采用了垂直的筆畫(huà)設(shè)計(jì)，大寫(xiě)字母“M”的中心頂點(diǎn)偏高，數(shù)字“3”的頂部是水平的。

以上兩款字體均來(lái)自于設(shè)計(jì)師 Susan Kare，她是第一代 GUI 設(shè)計(jì)師，被大家稱為“圖標(biāo)之母”。早期參與了大部分 Macintosh 圖標(biāo)與字體設(shè)計(jì)的工作，除了上述兩款字體，她還設(shè)計(jì)了 System 1 的其它內(nèi)置字體，如類似于 Times Roman 的襯線字體 New York，供開(kāi)發(fā)環(huán)境使用的等寬字體 Monaco，模擬剪貼風(fēng)格的字體 San Francisco 等等。而蘋果以世界著名城市命名字體的傳統(tǒng)也是這一時(shí)期她與喬布斯確定的。

時(shí)間來(lái)到 80 年代末，這一時(shí)期蘋果開(kāi)始了輪廓字體技術(shù)的研發(fā)，也就是后面大家知道的“Truetype”，并且計(jì)劃將此項(xiàng)技術(shù)集成在 System 7.0 當(dāng)中。有了輪廓字體技術(shù)，還必須擁有對(duì)應(yīng)的輪廓字體，于是 1988 年字體工作室 Bigelow & Holmes 接到蘋果委托，希望他們可以為 Mac 系統(tǒng)設(shè)計(jì)新的 Truetype 版本字體。這個(gè)項(xiàng)目一共需要設(shè)計(jì) 4 種字體，除了界面使用的 Chicago 和 Geneva，還有系統(tǒng)內(nèi)置的 New York 和 Monaco。因?yàn)楹竺鎯煽钭煮w并不在本文探討范圍之內(nèi)，所以以下只對(duì) Truetype 版 Chicago、Geneva 進(jìn)行介紹。

至 80 年代末位圖版 Chicago 已在 Mac 系統(tǒng)上運(yùn)行多年，給用戶留下了深刻的印象，這款字體也早已成為系統(tǒng)的重要標(biāo)志，所以設(shè)計(jì)之初蘋果提出的訴求是希望可以盡量還原位圖版 Chicago 的字形，太大的字形變化可能會(huì)導(dǎo)致 Mac 系統(tǒng)外觀發(fā)生改變。位圖版字體無(wú)法使用曲線，只有像素狀鋸齒，轉(zhuǎn)換輪廓字體如何處理曲線是最大的難點(diǎn)。設(shè)計(jì)師調(diào)研之后發(fā)現(xiàn)早期位圖字體打印時(shí)，打開(kāi)“文本平滑選項(xiàng)”就可以得到平滑后類似圓形的效果。Truetype 版 Chicago 在設(shè)計(jì)時(shí)參考了這種特征，將筆畫(huà)拐角處的曲線處理成四分之一正圓，將字懷內(nèi)部的曲線處理成二分之一正圓，整個(gè)造型有種羅馬石柱與拱門的感覺(jué)。除此之外還在字形上增加了一些其它細(xì)節(jié)，如小寫(xiě)字母“m”“n”“h”等，在豎畫(huà)與拱形筆畫(huà)連接處增加了一處缺口，這個(gè)缺口可以幫助用戶更好的區(qū)分“n”和“o”的頂部造形，提升字體的識(shí)別性。

上文說(shuō)到 Geneva 是一款新異風(fēng)無(wú)襯線體，Truetype 版在設(shè)計(jì)上也遵循了這一風(fēng)格特征。字符寬度略微收窄，筆畫(huà)粗細(xì)更加統(tǒng)一，大寫(xiě)字母更加幾何化。除此之外，Truetype 版 Geneva 也有一些自身特征，如字懷開(kāi)口對(duì)比一般新異風(fēng)體會(huì)更加開(kāi)放，字母“m”“n”“h”的筆畫(huà)連接處有更深的切口，這些都使它具有更好的易讀性。還有重要的一點(diǎn) Truetype 版本拿掉了小寫(xiě)字母“i”“j”“l(fā)”的襯線，小寫(xiě)字母“y”也變成了傾斜的筆畫(huà)。作為系統(tǒng)字體 Geneva 的使用時(shí)間久于 Chicago，大約 16 年左右，在這期間備受用戶好評(píng)，這款字體至今依舊內(nèi)置在 Mac OS 系統(tǒng)中。

三、曾經(jīng)的備胎 Espy Sans

Espy Sans 最初是作為 Apple Newton 的系統(tǒng)字體開(kāi)發(fā)的，期間也被用于蘋果的在線服務(wù) eWorld。之所以說(shuō) Espy Sans 是備胎，是因?yàn)樘O果也有考慮將 Espy Sans 作為 Mac OS 的系統(tǒng)字體，用來(lái)代替 Chicago，并且在后續(xù)的版本 System 7.5 中內(nèi)置了這款字體。時(shí)間來(lái)到 1997 年，蘋果發(fā)布了新版系統(tǒng) Mac OS 8.0，但新系統(tǒng)字體卻并不是 Espy Sans。為此網(wǎng)絡(luò)上還出現(xiàn)了一份請(qǐng)?jiān)笗?shū)吸引了將近 2,500 名支持者，希望可以扭轉(zhuǎn)蘋果的決定，但蘋果明確表示不會(huì)在 Mac os 8.0 中使用 Espy Sans。

Espy Sans 擁有兩種字重 Regular 和 Bold，當(dāng)時(shí) Newton OS 提供了 5 種字號(hào)，9、10、12、14 和 16 Point，9 Point 用于圖標(biāo)名稱，10 Point 用于標(biāo)題。這款字體屬于人文主義無(wú)襯線體，筆畫(huà)具有書(shū)法特征和更加開(kāi)發(fā)的字懷，具有較高的易讀性。

四、短暫服役的 Charcoal

剛剛提到蘋果在 Mac OS 8 中使用了新的系統(tǒng)字體，這款字體便是 Charcoal。Charcoal 同樣是一款人文主義無(wú)襯線體，由設(shè)計(jì)師 David Berlow 在 1994-1997 年設(shè)計(jì)。設(shè)計(jì)之初蘋果希望 Charcoal 可以保留 Chicago 的某些特征，但是 David Berlow 在進(jìn)行數(shù)次嘗試后發(fā)現(xiàn)了諸多限制，于是向蘋果建議摒棄 Chicago 的字形特征，蘋果同意后開(kāi)始了全新的字形設(shè)計(jì)。由于是替換 Chicago 作為系統(tǒng)字體，Charcoal 設(shè)計(jì)上依舊保留了較粗的字重，且擁有一般人文主義無(wú)襯線體的基本特征。不同的筆畫(huà)粗細(xì)，開(kāi)放的字懷，字母降部處理的更短，多文本顯示時(shí)可以預(yù)留更多行間距，提升文本易讀性。另外重要的一點(diǎn)是 Charcoal 首先在 MacOS 上實(shí)現(xiàn)了字偶劇，在特定字母間可以使用更小的間距，使整個(gè)界面的字體排印更加協(xié)調(diào)一致。

Charcoal 無(wú)疑是一款優(yōu)秀的字體，它擁有極佳的易讀性，也為 MacOS 賦予了新的視覺(jué)特征。奈何這一時(shí)期 macOS 正處于低估，市場(chǎng)份額被其他操作系統(tǒng)不斷蠶食，喬布斯回歸蘋果后開(kāi)始了新的系統(tǒng)研發(fā)。新系統(tǒng)采用了全新的視覺(jué)設(shè)計(jì)，也更換了新的系統(tǒng)字體，而 Charcoal 僅僅使用了 MacOS 8、9 兩個(gè)版本，也被稱為蘋果歷史上服役最短的系統(tǒng)字體。

四、為屏幕而生的 Lucida Grande

喬布斯回歸蘋果后開(kāi)始了新系統(tǒng)的研發(fā)，并于 2000 年發(fā)布了 Mac OS X 開(kāi)發(fā)者預(yù)覽版 3，這一版本系統(tǒng)采用了全新的視覺(jué)設(shè)計(jì)，系統(tǒng)字體也由 Charcoal 改為了 Lucida Grande。這款字體來(lái)自一個(gè)巨大的字體家族 Lucida，它擁有襯線體、無(wú)襯線體、哥特體等數(shù)十種變體，是專門為屏幕顯示而設(shè)計(jì)的，在早期大顆粒像素屏上有著極高的易讀性。而它同樣出自設(shè)計(jì) Truetype 版 Chicago 和 Geneva 的字體工作室 Bigelow & Holmes。

Lucida Grande 是變體 Lucida Sans 的修改版本，是為專門 MacOS 定制的 。這款字體共有四種字重 Light、Regular、Bold 和 Black，而 MacOS 中只發(fā)布了 Regular 和 Bold。剛提到 Lucida 整個(gè)家族是專門為屏幕顯示設(shè)計(jì)的，那 Lucida Grande 在設(shè)計(jì)中都有哪些優(yōu)化呢？

① X 字高的設(shè)定：在字體設(shè)計(jì)中有這樣一種理念，認(rèn)為 X 字高定義的區(qū)域提供了小寫(xiě)字母主要的筆畫(huà)特征，增加這一區(qū)域高度可以有助于區(qū)分字母形狀，以便更好的識(shí)別。所以 Lucida Grande 在設(shè)計(jì)中增加了 X 字高，大約占到整個(gè)字體大小的 53%。

② 開(kāi)放的字懷：早期大顆粒顯示屏在渲染字體時(shí)，尤其是小字號(hào)會(huì)出現(xiàn)像素溢出的問(wèn)題，這時(shí)候?qū)τ谧謶验_(kāi)口較小的字體會(huì)產(chǎn)生筆畫(huà)黏連，導(dǎo)致部分字母識(shí)別不清。如字母“C”與字母“O”，字母“S”與數(shù)字“8”，為了解決這些問(wèn)題 Lucida Grande 在設(shè)計(jì)時(shí)采用了更加開(kāi)放的字懷。

③ 寬松的字母間距：同樣的像素溢出問(wèn)題，在多文本顯示下字母更容易黏連在一起，為了提升易讀性，此時(shí)需要更加寬松的字母間距，Lucida Grande 在設(shè)計(jì)時(shí)考慮到了這一點(diǎn)，提供了大于多數(shù)現(xiàn)代字體的默認(rèn)字母間距。

④ 其他細(xì)節(jié)處理：除了以上主要特征外，Lucida Grande 還有一些其它細(xì)節(jié)上的處理。如加深了小寫(xiě)字母“m”“n”“h”等筆畫(huà)連接處的切口，使用了更加易讀的單宮“g”，而非人文主義體的雙宮“g”，增高了大寫(xiě)字母的上行線，以更好的區(qū)分大寫(xiě)字母“I”和小寫(xiě)字母“l(fā)”等等。

Lucida Grande 從 Mac OS X 開(kāi)發(fā)者預(yù)覽版 3 到 OS X Mavericks 一共服役了 16 年，在這期間受到了用戶的大量好評(píng)，最為大家津津樂(lè)道的就是其易讀性。

四、傳奇字體 Helvetica

時(shí)間來(lái)到 2007 年，這一年的 6 月 29 日，蘋果發(fā)布了第一代智能手機(jī) iPhone，搭載了 iPhone OS 1 操作系統(tǒng)，這一時(shí)期 iOS 開(kāi)始使用 Helvetica 作為系統(tǒng)字體。

Helvetica 是一款新異風(fēng)無(wú)襯線體，由字體設(shè)計(jì)師 Max Miedinger 和當(dāng)時(shí)鑄字廠主管 EduardHoffmann 共同完成。20 世紀(jì) 50 年代 Eduard Hoffmann 在瑞士哈斯鑄字廠工作，這一時(shí)期哈斯的字體銷量開(kāi)始下滑，Eduard Hoffmann 委托字體設(shè)計(jì)師 Max Miedinger 希望可以設(shè)計(jì)一款新的無(wú)襯線字體可以和市場(chǎng)上流行的 Akzidenz Grotesk 進(jìn)行競(jìng)爭(zhēng)。1957 年他們完成了字體的設(shè)計(jì)工作，并取名“Neue Haas Grotesk”（拉丁文“哈斯的新無(wú)襯線體”）。后來(lái)哈斯鑄字廠的母公司 Stempel 為了國(guó)際市場(chǎng)考慮，希望將字體名稱改為“Helvetia”（拉丁文“瑞士”），不過(guò) Eduard Hoffmann 認(rèn)為用一個(gè)國(guó)家的名稱去稱呼一款字體是不合適的，最終改名為“Helvetica”（拉丁文“瑞士的”）。Helvetica 推出之后便迅速席卷歐美市場(chǎng)，它簡(jiǎn)約、理性的氣質(zhì)深受設(shè)計(jì)師們的青睞，隨后一段時(shí)間不管是品牌雜志、廣告路牌、甚至大街小巷都可以看到它的存在。隨著這款字體的大量使用，大家對(duì)他的評(píng)價(jià)也開(kāi)始出現(xiàn)兩極分化。喜歡它的人認(rèn)為 Helvetica 充滿理性、注重功能，代表了現(xiàn)代字體設(shè)計(jì)。不喜歡它的人認(rèn)為 Helvetica 過(guò)于呆板，沒(méi)有任何情感色彩，在小字號(hào)下表現(xiàn)不佳。德國(guó)字體設(shè)計(jì)師 Erik Spiekermann 就曾在紀(jì)錄片《傳奇字體 Helvetica》中表達(dá)過(guò)對(duì)這款字體的不滿，他認(rèn)為字體設(shè)計(jì)的最終目的是表現(xiàn)字體的個(gè)性化，而 Helvetica 的設(shè)計(jì)理念不鼓勵(lì)任何個(gè)人主義，這使字體看起來(lái)像是機(jī)械的軍隊(duì)。雖然他不太認(rèn)可 Helvetica 的設(shè)計(jì)理念，但有意思的是，他曾經(jīng)擔(dān)任了 Helvetica 升級(jí)版本 Neue Helvetica 的設(shè)計(jì)顧問(wèn)。

Helvetica 誕生的年代是瑞士風(fēng)格開(kāi)始盛行的時(shí)期，字形上自然也繼承了這一風(fēng)格特征，整體來(lái)看造型簡(jiǎn)約、理性、沒(méi)有過(guò)多裝飾。如果我們將 Helvetica 同異風(fēng)體的代表字體 Akzidenz Grotesk 進(jìn)行對(duì)比的話，可以發(fā)現(xiàn) Helvetica 幾乎摒棄了書(shū)寫(xiě)痕跡，更加幾何化，筆畫(huà)粗細(xì)趨于統(tǒng)一，字懷開(kāi)口完全水平，如字母“c”“e”等。

再聊回蘋果，這一時(shí)期 Mac 使用 Lucida Grande 作為系統(tǒng)字體，為什么 iPhone 卻選擇了 Helvetica？要回答這個(gè)問(wèn)題可以從三個(gè)方面思考一下：

1. 市場(chǎng)定位：第一代 iPhone 發(fā)布之初就定位于國(guó)際市場(chǎng)，而 Helvetica 流行的歷史背景就是國(guó)際貿(mào)易增多，所以它是整個(gè)國(guó)際市場(chǎng)最知名的字體之一，那么 iPhone 為了市場(chǎng)選擇一款大家都熟悉的字體也是無(wú)可厚非的。
2. 系統(tǒng)設(shè)計(jì)理念：iPhone 是定位于國(guó)際市場(chǎng)的產(chǎn)品，操作系統(tǒng)為了貼合不同地區(qū)用戶，它的設(shè)計(jì)必須是中性且克制的，這樣的設(shè)計(jì)理念其實(shí)和 Helvetica 的部分理念是契合的，Helvetica 充滿理性、沒(méi)有過(guò)多的情感色彩，自然不易引起用戶抗拒，可以更好的貼合用戶。
3. 大字號(hào)的使用：如果對(duì)比過(guò) MacOS 和 iOS 的字體規(guī)范，可以發(fā)現(xiàn)同等使用場(chǎng)景下 iOS 字號(hào)通常大于 MacOS 幾個(gè)量級(jí)。這是因?yàn)橛|控操作需要更大的點(diǎn)擊范圍，具體到界面設(shè)計(jì)中就必須使用更大的字號(hào)。雖然上文說(shuō)到 Helvetica 小字號(hào)下表現(xiàn)欠佳，但奈何 iOS 開(kāi)始使用更大的字號(hào)，這在一定程度上對(duì) Helvetica 的使用創(chuàng)造了條件。

五、邁向統(tǒng)一 Helvetica Neue

2010 年 6 月 7 日蘋果發(fā)布了 iPhone 4，同年 7 月 21 日又發(fā)布了 iOS 4，從這一版本開(kāi)始系統(tǒng)名稱正式從 iPhone OS 改為 iOS，系統(tǒng)字體也從 Helvetica 升級(jí)為 Helvetica Neue。

Helvetica Neue 對(duì)比 Helvetica 主要做了以下優(yōu)化：

① 增強(qiáng)易讀性：Helvetica Neue 增加了文本默認(rèn)行高，在多文本顯示下不會(huì)過(guò)于擁擠，更加清晰易讀。并加寬了部分字母寬度，以增強(qiáng)字母的辨識(shí)度，如大寫(xiě)字母“M”，小寫(xiě)字母“t”“f”等。

② 改善字形：在 Helvetica 中隨著字重增加，X 字高和大寫(xiě)字母高度都有明顯的變化，Helvetica Neue 中優(yōu)化了這點(diǎn)，不同字重下 X 字高和大寫(xiě)字母保持了相同的高度，確保了整體字形的一致。

③ 提升易用性：通過(guò)對(duì)比基礎(chǔ)家族可以發(fā)現(xiàn) Helvetica Neue 增加了很多字重，加上其他變體共有 59 種樣式，而 Helvetica 只有 36 種。新增的樣式可以滿足更多使用場(chǎng)景，為字體排印提供更多視覺(jué)效果。

既然 Helvetica Neue 在各方面都做了很多優(yōu)化，這款字體又是 1983 年發(fā)布的，那為什么直到此時(shí)蘋果才想起使用它？我們可以將目光投向新發(fā)布的產(chǎn)品 iPhone 4，這代產(chǎn)品的一大更新便是采用了 Retina 屏幕，它的顯示精度是過(guò)往屏幕的 4 倍。精細(xì)的顯示效果是可以提供更高質(zhì)量的字體排印的，如在早期大顆粒像素屏幕中使用較細(xì)的字重，最終的渲染效果可能虛到無(wú)法直視，但高精度顯示屏幕可以有效回避這類問(wèn)題。為了得到更高質(zhì)量的字體排印，Helvetica 替換為更加優(yōu)秀的 Helvetica Neue 只能說(shuō)是一件水到渠成的事。而在隨后的幾年中，Retina 屏幕也成為蘋果產(chǎn)品的主流，2012 年蘋果發(fā)布了配備 Retina 屏幕的 iPad 和 Macbook Pro，2014 年又發(fā)布了配備 Retina 屏幕的 iMac。

我們?cè)賮?lái)看看 MacOS 的情況，2014 年 6 月蘋果發(fā)布了 OS X Yosemite，這一版本系統(tǒng)字體由 Lucida Grande 改為了 Helvetica Neue。當(dāng)然 Retina 屏幕的使用為這一切提供了條件，但更為重要的原因是從這一版本起 MacOS 和 iOS 開(kāi)始了“系統(tǒng)連接”。用戶可以直接在 Mac 上收發(fā)短信和接聽(tīng)電話，也可以通過(guò) AirDrop 和 iPhone 互傳資料。為了保持用戶切換設(shè)備時(shí)體驗(yàn)的一致性，Yosemite 使用了大量 iOS7 的設(shè)計(jì)語(yǔ)言，圖標(biāo)趨于扁平，視覺(jué)更加一致，系統(tǒng)字體也替換為 Helvetica Neue，從這一時(shí)期起蘋果的系統(tǒng)字體開(kāi)始邁向統(tǒng)一。

六、集大成者 San Francisco

San Francisco 初次和大家見(jiàn)面是在 2014 年的 Apple Watch 發(fā)布會(huì)上，雖然發(fā)布會(huì)并未提及任何有關(guān)系統(tǒng)字體的事情，但細(xì)心的用戶透過(guò)現(xiàn)場(chǎng)幻燈片發(fā)現(xiàn) Apple Watch 的界面貌似使用了新的字體，此事還引起了設(shè)計(jì)師和字體愛(ài)好者的強(qiáng)烈討論，紛紛猜測(cè)這是什么字體？直到同年 11 月 18 日蘋果發(fā)布了 Watchkit 的開(kāi)發(fā)工具包，大家才在包里發(fā)現(xiàn)了命名為“San Francisco” 的系統(tǒng)字體。

次年 WWDC，蘋果字體設(shè)計(jì)師 Antonio Cavedoni 正式跟大家介紹了這款字體，不過(guò) San Francisco 并不是新字體的名稱，而是整個(gè)字體家族的名稱。該家族下還有兩個(gè)字家族 SF 和 SFCompact，SF 用于 iOS、MacOS 等，SF Compact 用于 Watch OS。SF 字形兩側(cè)偏向圓潤(rùn)，SF Compact 則更加垂直，字母之間也有更大空間，在狹小的屏幕上擁有更高的易讀性。

兩種字家族各自還有兩種不同的視覺(jué)字號(hào) Dispaly 和 Text，主要在字形和字母間距上有所差異。Display 的字懷開(kāi)口偏小，擁有更加緊密的字母間距，主要用于標(biāo)題。Text 字懷開(kāi)口偏大，字母間距稍顯寬松，適合多文本展示，主要用于正文。兩種視覺(jué)字號(hào)以 20 Point 為界，大于等于 20 Point 使用 Display，小于 20 Point 使用 Text。在具體開(kāi)發(fā)中，工程師無(wú)需選擇對(duì)應(yīng)的視覺(jué)字號(hào)，蘋果提供了完善的 API，只需要輸入字號(hào)，系統(tǒng)會(huì)自動(dòng)匹配對(duì)應(yīng)的視覺(jué)字號(hào)。

時(shí)間來(lái)到 2017 年，蘋果在 iOS11 和 MacOS High Sierra 中推出了 SF Pro，它是 SF 的升級(jí)版。主要對(duì) Display 的字形進(jìn)行了調(diào)整，X 字高和小寫(xiě)字母的高度都有所降低，而且新增了近 1000 種字形，支持更多語(yǔ)言。

2020 年蘋果又推出了 SF Pro 和 SF Compact 的可變字體版本，通過(guò)調(diào)節(jié)軸可以實(shí)現(xiàn)字重、視覺(jué)字號(hào)的無(wú)極調(diào)整。因?yàn)榭勺冏煮w可以將所有字形輪廓打包到一個(gè)字體文件中，所以設(shè)計(jì)在使用字體時(shí)不需要在選擇對(duì)應(yīng)的視覺(jué)字號(hào)了，輸入需要的字號(hào)，可變字體會(huì)自動(dòng)匹配對(duì)應(yīng)的視覺(jué)字號(hào)。

還有重要的一點(diǎn)，在之前的 SF 版本中 Display 和 Text 直接使用了兩種固定的字母間距，那么從 19 Point 到 20 Point 是完全沒(méi)有過(guò)渡的。而在可變字體版本中設(shè)計(jì)師將 17-28 Point 設(shè)定為一個(gè)過(guò)渡區(qū)域，隨著字號(hào)變大，字母間距會(huì)逐漸縮小，有了均勻的過(guò)渡會(huì)得到更加協(xié)調(diào)的排版效果。

2022 年蘋果繼續(xù)強(qiáng)化可變字體的功能，新增了 3 種字寬樣式 Condensed、Compressed 和 Expanded，不同樣式搭配不同變體可以產(chǎn)生豐富的排版效果，為設(shè)計(jì)師提供了更多字體排印的可能性。

歷經(jīng)多年發(fā)展 San Francisco 儼然已成為一個(gè)巨大的家族，除了上述提到的字家族外，還衍生了一些其他變體。

SF Pro Rounded：2019 年發(fā)布，SF Pro Display 的圓角化版本，在 iOS 健康和健身 App 中被用于數(shù)據(jù)展示。

SF Compact Rounded：SF Compact Display 的圓角化版本，WatchOS 的部分界面字體，在 MacOS Sierra 和 iOS 10 中也被用作聯(lián)系人頭像占位符。

SF Mono：2016 年 WWDC 推出的一款等寬字體，主要用于終端、 控制臺(tái)和 Xcode 的操作界面。

SF Hello：2016 年推出，僅限于蘋果內(nèi)部及獲得許可的承包商、供應(yīng)商使用。

SF Cash：蘋果錢包 App 中的字體，這個(gè)字體系列有 3 樣式：SF Cash Chiseled，SF Cash Plain 和 SF Cash Text Condensed Semibold。

SF Camera：2019 年推出，專為 iOS 的相機(jī) App 定制的修改版字體。

SF Shields：首次出現(xiàn)在 iOS 12.1 中，被應(yīng)用于地圖 App 中某些國(guó)家的道路編號(hào)。

SF Arabic：阿拉伯文系統(tǒng)字體，2021 年發(fā)布在蘋果開(kāi)發(fā)者網(wǎng)站。

SF Armenian：艾美尼亞文系統(tǒng)字體。

SF Georgian：格魯吉亞文系統(tǒng)字體。

SF Hebrew：希伯來(lái)文系統(tǒng)字體。

San Francisco 除了用于系統(tǒng)字體外，在印刷和品牌方面也有不錯(cuò)的表現(xiàn)。2016 年蘋果開(kāi)始將 San Francisco 用作品牌字體，不同產(chǎn)品的 Logo Type 都可以看到它的身影。同時(shí)它也被用于各種物料印刷，如蘋果鍵盤上的字體，數(shù)據(jù)線上的字體等。2017 年蘋果官網(wǎng)也完成了大部分字體替換，從此 San Francisco 成為蘋果的官方通用字體。較之以前的系統(tǒng)字體，它有著眾多優(yōu)勢(shì)，足以稱之為集大成者，另外蘋果對(duì)這款字體的功能還在不斷強(qiáng)化，后續(xù)的更新我們依然可以再次期待。