字體知識(shí)，國(guó)外大神跟你講解中文字體(4)

這是一篇由國(guó)外設(shè)計(jì)師寫的中文字體新手指南，特別下工夫，從中文字體的分類（包括歷史和網(wǎng)頁(yè)標(biāo)準(zhǔn)等），字體結(jié)構(gòu)考究到創(chuàng)意字體設(shè)計(jì)等都有細(xì)致詳實(shí)的講述

為何要關(guān)心

從實(shí)用性的角度出發(fā)，近來(lái)越來(lái)越多的網(wǎng)站以及圖形設(shè)計(jì)項(xiàng)目中要求我需要設(shè)計(jì)一個(gè)中文的版本。說(shuō)不定你也馬上也會(huì)面臨這些需求。

從學(xué)習(xí)者的角度來(lái)看，中國(guó)字真的是酷斃了！眾所周知，中文是目前還在被使用的最古老的書寫體系，不僅如此，整個(gè)東亞地區(qū)地區(qū)的書寫語(yǔ)種都像是中文的一個(gè)分支。盡管這些語(yǔ)種已經(jīng)進(jìn)化成其他鮮明獨(dú)特的形態(tài)，但是你在其中仍然可以看到中文字符的身影。

當(dāng)然，還有一點(diǎn)不可或缺的原因就是：中文非常的優(yōu)美。誰(shuí)會(huì)拒絕欣賞美好的事物呢？

萬(wàn)事開頭難：簡(jiǎn)體中文 VS 繁體中文

你知道嗎，在中文的書寫體系有兩種標(biāo)準(zhǔn)。

長(zhǎng)話短說(shuō)，在1949年毛主席引領(lǐng)共產(chǎn)黨執(zhí)政后，他發(fā)現(xiàn)可以通過(guò)降低文字的復(fù)雜度來(lái)提高國(guó)民的識(shí)字率，于是他組織了很多語(yǔ)言學(xué)家修訂了開始了文字簡(jiǎn)化運(yùn)動(dòng)。維基百科（英文版） 告訴我們：

“中共分別在1956年和1964年發(fā)布了首次官方文字簡(jiǎn)化的文件”

在當(dāng)時(shí)，香港、臺(tái)灣以及澳門并不受大陸方面控制，所以他們并沒(méi)有改變字形，而是繼續(xù)保留了原有的繁體中文。在簡(jiǎn)體字正式發(fā)布前，世界各地已經(jīng)有大量的中國(guó)移民以及唐人街，所以在這些地方他們依然在使用繁體中文。

使用簡(jiǎn)體中文的地方：

作為中國(guó)大陸的官方書寫語(yǔ)言，自從1954正式發(fā)布以來(lái)就出現(xiàn)在各處。

使用繁體中文的地方：

作為香港、臺(tái)灣以及澳門的官方書寫語(yǔ)言中國(guó)境外建立的唐人街1954年前中國(guó)大陸的古董書文中在中國(guó)大陸的某些非常官方的地名或者牌匾上在中文簡(jiǎn)化前就已經(jīng)分支的那些語(yǔ)種，比如：日文、韓文以及早期的越南語(yǔ)

��！真是醉了！

額滴神啊！如潮水般的字符！

試想一下這些歷史對(duì)于字體研發(fā)工作室意味著什么：為了發(fā)布一個(gè)專業(yè)的字體，他們不僅需要?jiǎng)?chuàng)建一個(gè)包含超過(guò)20000個(gè)字符的字符集，他們還需要重復(fù)兩次工作，一次是簡(jiǎn)體的，一次是繁體的。而且這還沒(méi)有考慮到多種文字粗細(xì)程度！

什么？我剛才說(shuō)了20000？

是不是已經(jīng)嚇尿了？盡管已經(jīng)做了簡(jiǎn)化，但是專業(yè)的中文字體必須要包含大約20000種字形，有時(shí)可能會(huì)再多幾千種，有時(shí)可能會(huì)少一些。這其中還包含了英文的字母，中文以及英文的國(guó)際音標(biāo)字母，以及龐大的中文標(biāo)點(diǎn)符號(hào)集。繁體中文的字符集則至少要包含30000種字形。一些非專業(yè)的字體可能會(huì)僅僅包含大約2000種常用的字形，但是這些字體不應(yīng)該被選來(lái)當(dāng)做主要字體，因?yàn)橛械臅r(shí)候你會(huì)發(fā)現(xiàn)它沒(méi)有你需要的文字。

如何在@font-face以及網(wǎng)絡(luò)字體中使用它們？

答案是不能使用它們。中國(guó)還沒(méi)有加入@font-face，他們依舊堅(jiān)持使用原有的瀏覽器標(biāo)準(zhǔn)字體以及特殊類型使用的PNG/SVG。因?yàn)橹形淖煮w中包含了太多的字形，每一種字體的文件通常有3-7 MB，這體積輕而易舉額地就打敗了網(wǎng)頁(yè)中嵌入的內(nèi)容。知道最近才出現(xiàn)了一些非標(biāo)準(zhǔn)網(wǎng)頁(yè)字體渲染的極端實(shí)驗(yàn)技術(shù) 。

中文字體的主要分類

西方字體使用幾種“主標(biāo)題”和一系列的“小標(biāo)題”加以區(qū)分。西方有襯線字體和無(wú)襯線字體之分，也有包括哥特體、手寫體、美術(shù)體、slab、等寬字體在內(nèi)的一系列詞匯描述通用的印刷風(fēng)格。雖然我們無(wú)法真正地將每一種字體歸類至襯線或無(wú)襯線類字體中（比如手繪手寫體就無(wú)法歸類），但這兩大類可能就是使用最廣泛的字體分類方法了，它們的使用范圍甚至早已超出了設(shè)計(jì)行業(yè)。

這么來(lái)看，中文字體的分類與我們自己的很相像。在中文里，有兩個(gè)最主要的分類——宋體和黑體，可以被理解為“中文襯線字體”和“中文無(wú)襯線字體”。

宋體

如果一定要選一種字體來(lái)代表中文印刷字體的話，那么宋體就是最佳的選擇。宋體的使用，最早可以追溯到中文雕版印刷的鼎盛時(shí)期——宋朝（公元960年-1279年）。由于雕版所使用的木頭具有的水平紋理，所以橫筆畫更容易雕刻而且還能保持非常的細(xì)小。相反，豎筆畫則難以雕刻，所以就會(huì)導(dǎo)致其變粗。同時(shí)，由于橫筆畫的兩端容易被磨損，所以人們就為其加上了字腳，讓這些地方變得更粗也更耐用。于是，宋體作為一種橫筆畫水平、豎筆畫粗壯、擁有華麗但規(guī)范字腳的字體，成為了中文襯線字的代表。

細(xì)而平的橫筆畫，粗壯的豎筆畫，帶字腳/“襯線字體”。

網(wǎng)頁(yè)標(biāo)準(zhǔn)

中易宋體，或者更廣為人知的英文叫法 SimSun，與它的前任，新宋體 NSimsun 就是簡(jiǎn)體中文中的 the Times New Roman，因其內(nèi)置于 Windows XP 系統(tǒng)而變得流行。中易宋體一直飽受喜愛(ài)：它依舊是Windows 7 中文的默認(rèn)字體。如果你去問(wèn)一個(gè)中國(guó)網(wǎng)頁(yè)設(shè)計(jì)師是什么讓頁(yè)面更有“中文范”，他們通常會(huì)微微一笑然后回答 “SimSun，12pt” ——這就是這種字體究竟有多么普及的最好證據(jù)。

宋體示例

這就是中易宋體，一個(gè)非常實(shí)用的中文宋體：

注意方正粗宋這個(gè)字體中，保持了經(jīng)典宋體的豎粗壯、橫細(xì)平的特點(diǎn)，該字體由方正字庫(kù)創(chuàng)造：

在紐約時(shí)報(bào)周刊的中文網(wǎng)站上線之前，香港排版專家許瀚文受委托為其設(shè)計(jì)了一版中文字型。他使用的這種宋體筆畫粗細(xì)對(duì)比十分強(qiáng)烈、端點(diǎn)風(fēng)格與紐約時(shí)代周刊的logo相匹配：

變體：1950年代的宋體參考書：

1954年用于簽署憲法的中華人民共和國(guó)國(guó)璽上的宋體：

2009年《嘉人》雜志封面下方精選文章標(biāo)題所使用的宋體：

出現(xiàn)在墻體標(biāo)語(yǔ)上的瘦高的宋體：

黑體

另一個(gè)主要的分類就是黑體，大致對(duì)應(yīng)“無(wú)襯線字體”。黑體的發(fā)明就要相對(duì)晚一些了。學(xué)者對(duì)于黑體的歷史有著很大的爭(zhēng)議，但我們可以發(fā)現(xiàn)它是二十世紀(jì)早期廣告印刷品的產(chǎn)物。

結(jié)構(gòu)方正，沒(méi)有字腳。

網(wǎng)頁(yè)標(biāo)準(zhǔn)

SimHei是與襯線字體SimSun相對(duì)應(yīng)的標(biāo)準(zhǔn)無(wú)襯線字體。近幾年，微軟雅黑逐漸替代SimHei成為首選的網(wǎng)頁(yè)標(biāo)配，但這依舊有一些兼容問(wèn)題：微軟雅黑是從Windows Vista開始引入的，但至今中國(guó)為數(shù)眾多的XP用戶讓我們無(wú)法徹底放棄些許過(guò)時(shí)的SimHei字體。

黑體示例

下圖就是基本的SimHei：

以及新興的黑體——微軟雅黑，我稱之中文版的Helvetica：

思源黑體是Adobe與Google合作，在2014年推出的可愛(ài)的新版黑體。你可以發(fā)現(xiàn)它與SumHei在端點(diǎn)處理上的不同：

1913年出現(xiàn)在報(bào)紙標(biāo)題中的黑體：

Noto Sans簡(jiǎn)體中文是谷歌通用語(yǔ)言項(xiàng)目（Google’s universal language project）的一部分：

目前我最喜歡的一款黑體是來(lái)自造字工房的悅黑：

尚黑，造字工房制作的另一款別具風(fēng)格的黑體：

二十世紀(jì)六十年代的一款印在華麗的留蘭香牙膏盒上的斜體design-y黑體：

楷體

楷體模仿自基本軟筆手寫字體。但楷體并不是一種奇形怪狀的字體，它并不會(huì)很花哨，依舊構(gòu)建在一定的規(guī)則中，并保正其正常的結(jié)構(gòu)。下面是Adobe楷體，你可以在 Photoshop 以及 Adobe 的其他軟件中發(fā)現(xiàn)它的身影：

橫筆畫也可以帶角度，柔軟且富有彈性的末端，以及符合自然的筆觸寬度。

字體中書法的名稱

如果我們要追根溯源的話，“楷”在這里并不僅僅指“軟筆手寫體”，而是指一種產(chǎn)生于公元151-230年間的古代手寫書法風(fēng)格。除此之外，還有另外一些出現(xiàn)在現(xiàn)代字體名稱中的書法風(fēng)格，如：草書、隸書、行書等等，但這些字體過(guò)于奇特和風(fēng)格化，所以基本在印刷體中并不多見(jiàn)。

如果你想了解更多關(guān)于書法風(fēng)格的內(nèi)容，可以看看這個(gè)炫酷的凸版印刷項(xiàng)目漢字年史，它是由一位我最喜歡的現(xiàn)代印刷商左佐制作的（看在上帝的份上你們一定要去看這篇 Creative Hunt 對(duì)他的采訪）：

網(wǎng)頁(yè)標(biāo)準(zhǔn)

在簡(jiǎn)體中文中，楷體并沒(méi)有網(wǎng)頁(yè)標(biāo)準(zhǔn)版本，稱之為“Kaiti”（或“Biao Kaiti”）就可以了。你可以在網(wǎng)頁(yè)中使用楷體，但是如果字號(hào)很小就最好不要使用了。

楷體示例

現(xiàn)代楷體是受到了宋代大書法家蘇東坡（公元1037-1101）的《過(guò)都昌》等作品中粗楷體詩(shī)風(fēng)格的影響：

公元1300年左右的官文：

Kindle楷體 加粗：

方正楷體：

這張1925年的報(bào)紙上的所有的大字都是楷體：

仿宋體

仿宋體是一種混合風(fēng)格的字體，他具有宋體的結(jié)構(gòu)，同時(shí)也受到手寫楷體視覺(jué)風(fēng)格的影響。未經(jīng)訓(xùn)練的人第一次是較難區(qū)分宋體與仿宋體的，但這也是有技巧的——經(jīng)典宋體中的橫一定是平直的，而仿宋體則會(huì)微微傾斜。同時(shí)，仿宋體不會(huì)有很大的字腳，橫豎筆畫的粗細(xì)對(duì)比也沒(méi)有宋體那么大。

仿宋示例

方正出品的仿宋字體：

另一個(gè)強(qiáng)勁對(duì)手——漢儀制作的漢儀仿宋：

由劉從新制作的“飛仿宋”：

《四部備要》：

美術(shù)體

美術(shù)體是一類極具風(fēng)格的字體，它們可以包括從稚嫩到厚重到新奇的各類風(fēng)格——正如其名“美術(shù)”所指。為了在線上使用這類字體，你可能需要矢量圖或位圖來(lái)實(shí)現(xiàn)，或者啟用極具實(shí)驗(yàn)性質(zhì)的亞洲字體庫(kù)“有字庫(kù)”。下面就是丁丁手繪體，一款來(lái)自造字工房的打著圈圈的字體：

下面是二十世紀(jì)七十年代印刷在相機(jī)包裝上的美術(shù)字體：

圓體

圓體是黑體（無(wú)襯線字體）的一個(gè)特別的子類。這個(gè)名字非常形象——具有圓潤(rùn)轉(zhuǎn)角的無(wú)襯線字體。圓體在現(xiàn)代保險(xiǎn)和廣告中很常見(jiàn)。它也不具有網(wǎng)頁(yè)標(biāo)準(zhǔn)字體。

你應(yīng)該注意到了：字體名稱前綴。

正如你所推測(cè)的一樣，字體制作方通常會(huì)在字體名稱前加上自己名字。以“HY”開頭的來(lái)自漢儀，以“FZ”開頭的來(lái)自方正，以“MF”開頭的則來(lái)自造字工房，等等。

是的！使用中文字體需要獲得授權(quán)！

當(dāng)然，它們比英文字體貴好多好多倍（當(dāng)然要貴了！因?yàn)橐鼋鼉扇f(wàn)個(gè)字型�。。�。但別失望：有些制作方為個(gè)人用戶提供了具有有限字型庫(kù)的適用版，所以如果你只是想試試字體、做個(gè)Logo、或者讓你的標(biāo)題頗具風(fēng)格，試用版是個(gè)不錯(cuò)的選擇。

—————————————— 結(jié)構(gòu)上的考究 ——————————————

到處都是方格

中文字符都嚴(yán)格地?cái)[放在方格之中，而細(xì)致設(shè)計(jì)的字符會(huì)均衡地使用一個(gè)方格的位置。就連中文標(biāo)點(diǎn)符號(hào)也同樣占用一個(gè)方格的位置，所以在句號(hào)和逗號(hào)之后無(wú)需任何空格。我已經(jīng)習(xí)慣了使用空格好多年了，但我會(huì)毫不猶豫地說(shuō)，方格才是書寫語(yǔ)言的基礎(chǔ)構(gòu)建單元。

上下左右：書寫方向

我不會(huì)打擊你們小小的自信心：你應(yīng)該從大量的日本漫畫中知道了亞洲語(yǔ)言可以從右至左、從上至下閱讀。但是，在大多數(shù)情況下，中文和英文一樣是從左至右閱讀的。但由于中文是構(gòu)建在方格之中的，所以中文比英文有好很多的豎向排版表現(xiàn)。這意味著以藝術(shù)風(fēng)格主導(dǎo)的短小文本（書的封面、商標(biāo)或標(biāo)志），可以賦予創(chuàng)意地隨意擺放文字，而不全失其可讀性——只要詞序不過(guò)分錯(cuò)亂。但在更基礎(chǔ)的閱讀中，從左至右、從上至下的順序才是標(biāo)準(zhǔn)的。

竟然木有空格！

一種沒(méi)有空格的語(yǔ)言，你又是如何知道一個(gè)詞匯的開始與結(jié)束？如果一個(gè)文本可以在任何方向上書寫，你又是如何知道從何處閱讀？雖然我已研習(xí)中文數(shù)年，我依舊無(wú)法回答這個(gè)問(wèn)題。但當(dāng)我學(xué)會(huì)了句讀之后，我就不再考慮這些問(wèn)題了。很顯然，其他人也并無(wú)這種顧慮：

2008年的時(shí)候，研究員發(fā)布了一個(gè)課題，借助天津師范大學(xué)的學(xué)生，他們想研究在中文中加入間隔對(duì)于閱讀的影響。他們?cè)谠~匯與詞組之間加入空格，結(jié)果如下：

“.…研究結(jié)果表明，在詞匯間加入空格（或者高亮詞匯的邊界）對(duì)中文閱讀并無(wú)幫助，至少是對(duì)普通無(wú)空格文本的閱讀是沒(méi)有幫助的。”

缺少間隔讓文字排版產(chǎn)生了一些有趣的細(xì)節(jié)，最顯著的就是中文中并沒(méi)有連字符——排版者必須要知道詞匯或語(yǔ)義的結(jié)束與開始，這樣才能完成準(zhǔn)確的句讀。

現(xiàn)代中文排版大觀

活學(xué)活用時(shí)間！這里有些不錯(cuò)的中文版式設(shè)計(jì)，首先是來(lái)自澳門Tun Ho的海報(bào)。這幅作品包含四個(gè)漢字，從上至下，是中國(guó)的一句俗語(yǔ)：“天天向上”。你可以發(fā)現(xiàn)作者將漢字變成了指向天空的箭矢，而環(huán)繞四周的祥云則揭示了其中的含義。

這幅出色的作品由上海的More Tong創(chuàng)作。這幅畫包含兩個(gè)被拆開的漢字——非常，也即廣告公司Anomaly的漢字。他將“非”拆分為兩半，分別置于“常”的左右。

下面的詩(shī)詞視覺(jué)化作品出自北京印刷人Liam Lee之手。

在Mr.Mz創(chuàng)作的眾多作品中，其中有一個(gè)是對(duì)著名歷史人物“張飛”名字的視覺(jué)化表現(xiàn)：

這是造字工房創(chuàng)始人丁一為迪士尼所創(chuàng)作的一套字體，之所以在這里推薦的主要愿意就是愛(ài)麗絲的品牌標(biāo)示超越了語(yǔ)言，被完好的保留了下來(lái)：

由新加坡藝術(shù)家Kevin創(chuàng)作的空系列作品：

由Shangchin Ding 創(chuàng)作的紐約：

上海的 Wang 2Mu 創(chuàng)作的逆流而上插畫。

怎么樣？非常帥氣吧！現(xiàn)在你就可以嘗試使用宋體來(lái)完成一次創(chuàng)作了，你也可以繼續(xù)到網(wǎng)上搜尋更多關(guān)于漢字的內(nèi)容，相信你會(huì)有更多意想不到的發(fā)現(xiàn)！