聊聊電腦上最熟悉的陌生字體 ARIAL(下)

在前面提到了 Arial 是在什麽因素下被制作的(why),接下來這次要談的是它是怎麽制作的(how),比較深入到字體設計的話題了。過程非常詳細,但有些內容相當技術性,讀不下去也可以跳過,字體愛好者就別放過了,絕對漲姿勢!

聊聊電腦上最熟悉的陌生字體 ARIAL(上)

IBM 在開發早期的商用激光打印機「3800」的後繼機種「3800-3」時,決定對于 Typography 加以改善。由于初期機種分辨率只有 144dpi,所以能選的字體也只有等寬字,文字大小也只有三種能選。到了 3800-3 後,分辨率提高到 240dpi,這時內建個高質量的字體,並增加字體大小的選項,就成爲新課題了。于是 IBM 委托 Monotype 開發新字體。我不確定最初的需求是怎麽提的,最後定案的規格如下所示:

提供 Sonoran Serif、Sans Serif、Display、Petite 四套字體。

Serif 以 Times New Roman 爲基礎。

Sans 以 Helvetica 爲基礎,但因爲不是 Monotype 的字體,所以提供設計有稍微差異的新字體。

Display 以 Old English 爲基礎,Petite 是新字體。

Sans 與 Serif 提供 Regular、Italic、Bold、Bold Italic 四種樣式,Display 與 Petite 提供一種樣式。

字體以點陣形式提供(當年還沒有外框字功能)。

字體大小不是自由放大縮小形式,而是爲特定尺寸准備專用的點陣資料。

Serif 與 Sans 提供 14 種尺寸(6, 7, 8, 9, 10, 11, 12, 14, 16, 18, 20, 24, 30, 36pt),Display 提供 20pt, 36pt 兩種,Petite 只提供 4pt 一種。

各字體包含 238 字。

IBM 3800-3 的打印分辨率是 240dpi,所以 12pt 的點陣字,高度就有 40 像素 (包括音調記號的空間)。最小尺寸的 Sonoran Petite 只有 4pt,所以只有 14 像素高(于是 Petite 並沒有包含音調記號)。

△ 由上到下是 Serif 16pt、Sans 16pt、Display 20pt、Petite 4pt

針對輸出裝置特化的設計

雖說是點陣數據,最後的輸出設備是打印機。與平常我們在計算機畫面、平版印刷上能看到清晰的每個點不同,因爲輸出時使用的是粉末狀的碳粉,所以輪廓的形狀無論如何就是會顯得模糊。Sonoran 系列字體反而將這點視爲特色,以跳動的方式描繪輪廓線,讓外框顯得柔和。可惜的是我手邊找不到原始圖了,下面這張圖是示意圖:

爲了讓點陣的階梯狀鋸齒比較柔和,用波動式處理斜線、區線的手法。

聽說以低階析度的激光打印機打印時,右邊的印刷效果會比較好看。我是很想直接注銷原始的位圖,但手上已經找不到了,還請見諒。

這個作業在紙上談兵往往無法得到與想象中的結果,聽說每個像素都要逐一調整,花了相當多的時間(項目末期,Robin 還出差到索諾蘭沙漠附近的 IBM,直接在客戶端現場反複進行微調工作 )。如果這樣的字型拿到平版印刷或屏幕顯示用,這些雜點會顯得很煩,真是激光打印機專用字體才能使用的技巧。雖然以現代來說已經是沒用的技術了,但原來連排個點陣字都有這麽多專業技術,是我這次訪問中最佩服的部分。

Sonoran 系列字體樣本

下面是各字體的樣本。要把全部注銷來實在是太多了,所以這裏就省略一些字重與符號字型了。機器其實還內建了更多字體,只是多數只是差在加上了取消線之類的差別,在此就省略了。點開縮圖能開啓大張的圖片,請自由仔細觀察。

首先 Sans 部分有趣的地方在于 acegs 等字筆畫的切口看起來是完全水平的,與 Helvetica 的印象更爲接近。 e 似乎是只有在最大尺寸有斜的切口。

Serif 與 Sans 一樣,在不同的文字尺寸,設計都有大幅的差異,而 Serif 又特別明顯。在較小的尺寸,字間取得比較寬,線條比較沒有對比,x-height 比較高,即使是 6pt 也可以清晰閱讀(以前沒看過這種造型的 Times New Roman,非常新鮮)。

其中我個人最喜歡的是 Petite。如前面所說,這套字只有 14 像素,而且還是以激光打印機輸出,難免顯得更粗。竟然還有辦法得到如此清楚的視認性,非常驚豔。爲了放得下 i, j 的點,把 stem 骨線部分縮短的做法也很聰明。

另外,3800-3 還內建了其他的字體(很可能是 IBM 自制的)。爲了在等寬字的空間裏塞進比塞塔貨幣符號(Pts)而把 P 與 t 合體的設計等等,看得到很多設計上的苦心。Ç と ç 爲了放得下軟音符,有把字稍微擡高。另外 Script 的設計太優秀了,以等寬字來說算是做得非常漂亮的。好想看到這些字的點陣資料……

項目的計價方式

Sonoran 項目是以每個單張位圖多少美金的方式定價的,也就是位圖單位的論功計酬制。這裏所說的位圖,是指一個尺寸的一個字。其他就請自己計算了……

以上就是我所知道的 Arial 的一切了。像是 Arial 這樣隨手可得的字體,一旦挖下去,竟然也有這麽多不知道的秘密。嘛,也不是叫你要去用它啦……。

聊聊電腦上最熟悉的陌生字體 ARIAL(下)
在前面提到了 Arial 是在什麽因素下被制作的(why),接下來這次要談的是它是怎麽制作的(how),比較深入到字體設計的話題了。過程非常詳細,但有些內容相當技術性,讀不下去也可以跳過,字體愛好者就別放過了,絕對漲...查看完整版>>聊聊電腦上最熟悉的陌生字體 ARIAL(下)
 
Win10 Mobile版微博清晰大圖解析:陌生又熟悉
Win10 Mobile版微博清晰大圖解析:陌生又熟悉
IT之家訊在本月初舉行的微軟Build2015上海站和北京站上,國內一系列Win10通用應用亮相展示,包括QQ、微博。此前WP8.1版微博雖然進行了架構、UI更新,但是與Win10 Mobile版仍有很大差異。Win10版微博采用響應式布局設...查看完整版>>Win10 Mobile版微博清晰大圖解析:陌生又熟悉
 
從陌生到熟悉——記我的S68及玩機經曆
從陌生到熟悉——記我的S68及玩機經曆
最近在手機之間輾轉反側,想找部好玩的機子,但又嫌智能機操作的煩瑣。尋尋覓覓之際,看到了自己以前的帖子,呵呵,搞笑得很,回顧下與 68 結緣的過程以及用手機的心得吧。先把這個搞笑的帖子貼上來,回顧下那個時候...查看完整版>>從陌生到熟悉——記我的S68及玩機經曆
 
win7電腦如何恢複網頁默認的字體大小
win7電腦如何恢複網頁默認的字體大小
一般來說,咱們網頁中字體的大小都是設定好的,也不需要我們自己再去改變調整,相對來說,還是可以滿足一般用戶的需求的,但是現在伴隨著電腦的普及,越來越多的老年人、中年人也開始使用電腦了,對于他們來說,電腦...查看完整版>>win7電腦如何恢複網頁默認的字體大小
 
win7電腦文件夾下面的字體爲什麽變成了藍色?
win7電腦文件夾下面的字體爲什麽變成了藍色?
其實不管是在哪個系統中,咱們w764位旗艦版電腦中的文件夾默認的字體都是白色的,大家若是平時沒有注意到的話,可以現在隨便的找一個文件夾看看,應該都是白色的字體,相信這也讓大家習慣接受了吧!不過最近有朋友反映...查看完整版>>win7電腦文件夾下面的字體爲什麽變成了藍色?
 
win7電腦如何將系統字體還原?
在之前的某篇文章中,小編曾經介紹過,大家可以根據自己的喜好,將系統中的文字調整成其他的字體,例如現在比較流行的微軟黑體,還有幼圓字體等等,其實方法很簡單,也足以讓我們享受到Win7系統帶來的強大視覺功能,...查看完整版>>win7電腦如何將系統字體還原?
 
Win7技巧:刪除多余字體減輕電腦負擔
Win7技巧:刪除多余字體減輕電腦負擔
  每一次編輯文本的時候,總會爲選擇字體發愁,中文字體還好說,可英文呢?一大長串可供選擇的字體,查找麻煩不說,碰到沒主意的時候,只能仰天長歎:這究竟該如何是好!Win7系統中內置了大量的字體,足有好幾百個,...查看完整版>>Win7技巧:刪除多余字體減輕電腦負擔
 
如何在Win8電腦上添加字體
如何在Win8電腦上添加字體
  我們經常能看到別人精心編輯的文檔或圖片有著非常好看的字體,這樣給整個文檔或圖片增色不少,往往能起畫龍點睛的作用。那麽Win8系統下我們如何安裝個性化的字體呢?  首先可以在百度、360搜索等平台搜索&ldquo...查看完整版>>如何在Win8電腦上添加字體
 
聊聊漢儀旗黑字體那些獨具匠心的設計細節
聊聊漢儀旗黑字體那些獨具匠心的設計細節
不同媒介(紙或屏幕)、不同的字號(標題需求或內文需求)、不同的內容層次,如何達到風格的統一:我們需要一款能適應各種介質、字號以及內容層次的全方位家族字體,而更重要的是,他們有著統一的風格,來保證格調和視覺...查看完整版>>聊聊漢儀旗黑字體那些獨具匠心的設計細節
 
 
回到王朝網路首頁