萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> 平面設計理論 >> 超全面的中文字體新手指南

超全面的中文字體新手指南

   這是一篇由國外設計師寫的中文字體新手指南,特別下工夫,從中文字體的分類(包括歷史和網頁標准等),字體結構考究到創意字體設計等都有細致詳實的講述 >>>

  為何要關心

  從實用性的角度出發,近來越來越多的網站以及圖形設計項目中要求我需要設計一個中文的版本。說不定你也馬上也會面臨這些需求。

  從學習者的角度來看,中國字真的是酷斃了!眾所周知,中文是目前還在被使用的最古老的書寫體系,不僅如此,整個東亞地區地區的書寫語種都像是中文的一個分支。盡管這些語種已經進化成其他鮮明獨特的形態,但是你在其中仍然可以看到中文字符的身影。

  當然,還有一點不可或缺的原因就是:中文非常的優美。誰會拒絕欣賞美好的事物呢?

  萬事開頭難:簡體中文 VS 繁體中文

  你知道嗎,在中文的書寫體系有兩種標准。

  長話短說,在1949年毛主席引領共產黨執政後,他發現可以通過降低文字的復雜度來提高國民的識字率,於是他組織了很多語言學家修訂了開始了文字簡化運動。維基百科(英文版) 告訴我們:

  “中共分別在1956年和1964年發布了首次官方文字簡化的文件”

  在當時,香港、台灣以及澳門並不受大陸方面控制,所以他們並沒有改變字形,而是繼續保留了原有的繁體中文。在簡體字正式發布前,世界各地已經有大量的中國移民以及唐人街,所以在這些地方他們依然在使用繁體中文。

超全面的中文字體新手指南 三聯

  使用簡體中文的地方:

  作為中國大陸的官方書寫語言,自從1954正式發布以來就出現在各處。

  使用繁體中文的地方:

  作為香港、台灣以及澳門的官方書寫語言

  中國境外建立的唐人街

  1954年前中國大陸的古董書文中

  在中國大陸的某些非常官方的地名或者牌匾上

  在中文簡化前就已經分支的那些語種,比如:日文、韓文以及早期的越南語

  啊!真是醉了!

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

  試想一下這些歷史對於字體研發工作室意味著什麼:為了發布一個專業的字體,他們不僅需要創建一個包含超過20000個字符的字符集,他們還需要重復兩次工作,一次是簡體的,一次是繁體的。而且這還沒有考慮到多種文字粗細程度!

  什麼?我剛才說了20000?

  是不是已經嚇尿了?盡管已經做了簡化,但是專業的中文字體必須要包含大約20000種字形,有時可能會再多幾千種,有時可能會少一些。這其中還包含了英文的字母,中文以及英文的國際音標字母,以及龐大的中文標點符號集。繁體中文的字符集則至少要包含30000種字形。一些非專業的字體可能會僅僅包含大約2000種常用的字形,但是這些字體不應該被選來當做主要字體,因為有的時候你會發現它沒有你需要的文字。

  如何在@font-face以及網絡字體中使用它們?

  答案是不能使用它們。中國還沒有加入@font-face,他們依舊堅持使用原有的浏覽器標准字體以及特殊類型使用的PNG/SVG。因為中文字體中包含了太多的字形,每一種字體的文件通常有3-7 MB,這體積輕而易舉額地就打敗了網頁中嵌入的內容。知道最近才出現了一些非標准網頁字體渲染的極端實驗技術,比如:有字庫 (www.youziku.com)以及 Justfont(http://cn.justfont.com) 。

  編者:國內已有同學在做這方面得努力:《前端工程師的菜!姗姗來遲的中文Webfont(附神器推薦)》

httpyouzikucom

  中文字體的主要分類

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

  這麼來看,中文字體的分類與我們自己的很相像。在中文裡,有兩個最主要的分類——宋體和黑體,可以被理解為“中文襯線字體”和“中文無襯線字體”。

  宋體

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

Thin straight horizontals thick verticals and flourishesserifs

  細而平的橫筆畫,粗壯的豎筆畫,帶字腳/“襯線字體”。

  網頁標准

  中易宋體,或者更廣為人知的英文叫法 SimSun,與它的前任,新宋體 NSimsun 就是簡體中文中的 the Times New Roman,因其內置於 Windows XP 系統而變得流行。中易宋體一直飽受喜愛:它依舊是Windows 7 中文的默認字體。如果你去問一個中國網頁設計師是什麼讓頁面更有“中文范”,他們通常會微微一笑然後回答 “SimSun,12pt” ——這就是這種字體究竟有多麼普及的最好證據。

  宋體示例

  這就是中易宋體,一個非常實用的中文宋體:

  注意方正粗宋這個字體中,保持了經典宋體的豎粗壯、橫細平的特點,該字體由方正字庫創造:

  在紐約時報周刊的中文網站上線之前,香港排版專家許瀚文受委托為其設計了一版中文字型。他使用的這種宋體筆畫粗細對比十分強烈、端點風格與紐約時代周刊的logo相匹配:

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

  1954年用於簽署憲法的中華人民共和國國玺上的宋體:

  2009年《嘉人》雜志封面下方精選文章標題所使用的宋體:

  出現在牆體標語上的瘦高的宋體:

  黑體

  另一個主要的分類就是黑體,大致對應“無襯線字體”。黑體的發明就要相對晚一些了。學者對於黑體的歷史有著很大的爭議,但我們可以發現它是二十世紀早期廣告印刷品的產物。

Blocky structure no flourishes

  結構方正,沒有字腳。

  網頁標准

  SimHei是與襯線字體SimSun相對應的標准無襯線字體。近幾年,微軟雅黑逐漸替代SimHei成為首選的網頁標配,但這依舊有一些兼容問題:微軟雅黑是從Windows Vista開始引入的,但至今中國為數眾多的XP用戶讓我們無法徹底放棄些許過時的SimHei字體。

  黑體示例

  下圖就是基本的SimHei:

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

  思源黑體是Adobe與Google合作,在2014年推出的可愛的新版黑體。你可以發現它與SumHei在端點處理上的不同:

copyright © 萬盛學電腦網 all rights reserved