可變字體發展史:從 TrueType GX 到可變字體(下篇)

未來的可變字體為字體設計者和使用者提供了強大的控制力。 ”

在上篇內容中,蒙納資深字體設計師 Tom Rickner 討論了促成 OpenType 1.8 版本發布這一事件背後 25 年的歷史。在本文中,Tom 展望未來,為設計師和開發人員分享了他關於潛在用例的研究,並介紹了蒙納的可變字體原型。

目前,OpenType 1.8 只是說明了我們想要去哪裡,而沒有說我們今天所處的位置。要實現這一目標,需要大量人員和組織(如 Google、Adobe、微軟和蘋果)的大量工作。

到底需要發生什麼事?

  • 作業系統需要新增對許多新定義資料結構的支持
  • 應用程式開發人員需要支援選擇可變字體樣式
  • CSS 標準需要擴展以允許指定可變的字體樣式
  • 字體工具開發者需要更新他們的工具以輸出可變字體
  • 字體設計師和字體開發者必須實際製作字體
  • 字體市場需要提供多種多樣的字體

因此,我們仍有足夠的時間為未來的工作流程變更做準備。

未來的可變字體

未來的可變字體為字體設計者和使用者提供了強大的控制力。雖然我們還沒有為可變字體定義所有不同的用例,但當我們和其他行業參與者定義這種格式擴充時,其中一些用例已經出現在我們的思想前沿。

大型字體家族更易分發

更少的文件可能意味著更少的麻煩,尤其當您是 IT 系統管理員,需要負責在整個組織中推廣字體。單一可變的字體可以取代任何東西,從只有兩個字重的小家族,到擁有無數變化軸(如字重、字寬、視覺字號等)的大家族。無論是 5 個、10 個還是 50 個樣式,如果不同的樣式可以用相似的點結構來描述,它們就有可能被建構成可變字體,從而大大減少交付和安裝所需的文件數量。

壓縮

將多種樣式打包在一個檔案中也可以提供大量的字體家族壓縮。我將在以後的文章中分享更多的細節,但這裡的核心訊息是,你為可變字體添加的樣式越多,每個樣式的大小就會變得越小。作為一個例子,下面的圖表顯示了我們創建的小型測試字體系列所需的位元組大小,無論是作為單獨的 TTF,還是作為從這些單獨的 TTF 創建的可變 TTF。

ricker2_chart_01_ebe14d4ca4.webp

我們新增的樣式越多,節省的總靜態字體大小的百分比就越大。然而,省出的體積實際上比圖中所示的還要多,因為這些數字只表示儲存的樣式。在大多數情況下,大家庭有許多風格完全是由這些母版風格所創造的。在這裡的範例字體中,這12 種輸入字體用於產生8 個字重,橫跨 3 個字寬、2 種造型(羅馬正體vs 義大利斜體),這對應於儲存在單一可變TTF 中的48種獨立字體樣式。

儲存這 48 個輸入 TTF 約需 555k 空間,現在能以一個可變 TTF 提供和渲染,只需 66k。這節省了大約 88% 的檔案大小。雖然節省的程度非常依賴字元集的大小、複雜性的程度或微妙的設計、軸的數量,以及子樣的數量,但這個數字是將一個字體家族建構成可變字體所節省空間的近似期望。

更微妙的樣式控制

在早期的數位字體中,對於給定的字體,您可能有 4 種樣式可供選擇:常規、斜體、粗體和粗斜體。當字體設計師開始設計更大的字體家族時,使用者可以獲得其他字重,有時還可以獲得其他字寬。隨著字體設計師開始在他們的工具中使用插值功能,創建具有大量樣式陣列的更大家族的能力比以往任何時候都更容易。但是,即使今天向用戶提供了更多的字體選擇,人們還是希望能夠選擇稍微粗一點點,或者稍微窄一點點的字體。

perfectwidth_4_f6f71c5bb2.gif

可變字體可以支援這種選擇,只要應用程式為您提供一個使用者介面,用於在設計空間中選擇任意子樣。到目前為止,我們看到的最常見的介面是 “滑桿”,它類似於聲音混合板上的漸變器。這允許使用者拖曳旋鈕以沿設計軸選擇座標。透過這種機制,使用者可以從選擇一個預設子樣(如 Condensed SemiBold)開始,然後他們可以根據需要微調滑桿以獲得稍微寬一點、稍微粗一點的內容。

響應式排版

五百多年來,我們在設計文件時都考慮到了印刷。隨著桌面出版和可縮放的輪廓字體格式(如 TrueType、PostScript 和 OpenType)的出現,我們開始為螢幕和列印設計。但如今,我們對 「螢幕」 的定義因你碰巧正在觀看的特定裝置而發生巨大變化。為 72 或 96 dpi 設計的日子已經一去不復返了。常見的 640 × 480 或 800 × 600 的螢幕尺寸已經不見了。擁有不斷擴展的屬性和像素配置的過多設備意味著為  「螢幕」  設計需要一定程度的佈局靈活性,而這在前五個世紀的排版設計中是沒有考慮到的。

arabicvariation_d6f83606a2.webp

「響應式排版」 是我們用來描述文字、圖形和其他媒體在目前裝置實體限制下的動態和響應式排版的術語。屬性,如字號、行距或行長度可能會隨著螢幕的不同而改變。要獲得最佳的閱讀體驗,需要以微妙而有效率的方式調整各種屬性。稍微壓縮整體寬度可以減少彆扭的連字斷行和兩端對齊。標題字的加寬可以讓人在不增加整體字號的情況下保持完全兩端對齊的一欄,同時不會佔用太多的垂直螢幕空間。

具有可變字體的靈活性必不可少,但這還不足以實現響應式排版的夢想。此外,還需要在創作和顯示環境中提供額外的支持,以增強用戶體驗。

視覺字號調節

在照版出現前,一個字體通常被設計成許多不同的主字尺寸。某些基本特徵,如間距、筆畫對比和細部程度,會隨著字號大小的增減而改變。例如,在較小尺寸時,我們通常希望有更大的字懷和間距,或許還有更大的 x 高度。此外,像襯線這樣的精細細節也可以在加粗並降低粗細對比後變得更好。隨著字號的增加,我們可以允許更大的對比、更精細的細節和更精細的間距。

當向照版的轉變發生時,許多系統開始將單一的照排母版應用於每個字母,他們依賴鏡頭以線性方式縮放字體。當這些照相母版(或熱金屬字體的圖稿)被數位化以創建第一個數位輪廓時,字體公司通常使用正文字號的母版,例如 12 點。這個數字輪廓隨後被用來表示所有點的大小,除了可能提供一個字號變體,例如 “display”。當這種情況發生時,我們失去了一些東西,即特定尺寸的字體,優化不同的設計特徵,以提供最高品質的排版可能。

OpenType 1.8 中包含了視覺字號的「opsz」標籤,作為可識別的預定義軸標籤之一。然而,就像響應式排版一樣,我們需要作業系統和應用程式的支持,才能自動無縫地執行這個特性。

相關設計師
Tom Rickner
字體資深總監 Tom Rickner 從事字體工作超過三十年。 期間,他掌握了字體設計和生產的方方面面:從最早的點陣字體編輯,到為 Adob​​e 設計最早的幾款多母版字體,以及為 Font Bureau 和 Apple 設計 TrueType GX 可變字體。
了解更多