亚洲激色,日日干夜夜爱,久青草资源福利视频,九色免费,四虎网站在线播放,中国一级特黄**毛片免,性大特级毛片视频

帶你了解字體的基礎(chǔ)知識(shí)

作者:
2017-03-01
12716

本篇文章將介紹一些關(guān)于字體的基礎(chǔ)知識(shí),主要會(huì)介紹一些常見(jiàn)術(shù)語(yǔ)的含義還有英文、中文字體常見(jiàn)的分類(lèi)方式,另外簡(jiǎn)單介紹一下各平臺(tái)下字體渲染的相關(guān)的問(wèn)題,還有標(biāo)點(diǎn)使用和排版規(guī)范。術(shù)語(yǔ)字形和字體不得不說(shuō) Font 與 Typeface 即是在英文中也有很多混用的地方很難分清,也常常被混用,現(xiàn)在通常被翻譯為“字體”的 Font 在傳統(tǒng)印刷界是指特定尺寸、特定字重、字偶間距等信息 的一種 Typeface,比如 “尺寸14pt,字重為 Bold 的 Helvetica ” 就是一個(gè) Font,而這里的 Helvetica 就


本篇文章將介紹一些關(guān)于字體的基礎(chǔ)知識(shí),主要會(huì)介紹一些常見(jiàn)術(shù)語(yǔ)的含義還有英文、中文字體常見(jiàn)的分類(lèi)方式,另外簡(jiǎn)單介紹一下各平臺(tái)下字體渲染的相關(guān)的問(wèn)題,還有標(biāo)點(diǎn)使用和排版規(guī)范。


術(shù)語(yǔ)


字形和字體

不得不說(shuō) Font 與 Typeface 即是在英文中也有很多混用的地方很難分清,也常常被混用,現(xiàn)在通常被翻譯為“字體”的  Font 在傳統(tǒng)印刷界是指特定尺寸、特定字重、字偶間距等信息 的一種  Typeface,比如 “尺寸14pt,字重為 Bold 的 Helvetica ” 就是一個(gè) Font,而這里的 Helvetica 就是它的 Typeface 。不過(guò)現(xiàn)在 Font 的所指定的通常不再包括尺寸了,因?yàn)榕c鑄模的時(shí)代不同了數(shù)字字體尺寸可以很輕易的改變。


Typeface 的另一個(gè)稱呼是 Font family(字族),這個(gè)詞實(shí)際上比 Typeface 更好理解且不容易混淆,能很明顯的表達(dá)出 Font 是 Font family 的子集的意思,所以在 HTML & CSS 的標(biāo)準(zhǔn)中使用的是 Font family(字族)。簡(jiǎn)單來(lái)說(shuō) “Helvetica” 是一個(gè) Typeface ,而指定具體的字重: “Helvetica Bold” ,這就是 Font 了。


還有一個(gè)概念是 Glyph ,它表示的是字的某種寫(xiě)法或者說(shuō)字體的“骨骼”,比如字母 a 和 ɑ 就是 Glyph 不同,涙 – 淚、強(qiáng) – 強(qiáng)也是 Glyph 的不同。


而  Font 、Typeface 和 Glyph 在中文里的翻譯就亂七八糟了,按照國(guó)家標(biāo)準(zhǔn)(GB/T 16964)應(yīng)該是:

1.png


然而,在實(shí)際使用上字體和字型混亂不堪,常常把 Font 稱為字體,而字型和字形更是常常搞反。而常用民間稱法的是把 Font 稱為字體, 不用 Typeface 而是使用  Font family 即字體族,再把 Glyph 稱為字形或字型。這種稱法實(shí)際上比標(biāo)準(zhǔn)翻譯更加流行。

 

羅馬體與意大利體

Roman 指的就是襯線體,這個(gè)稱呼是因?yàn)橐r線的起源于羅馬時(shí)期的碑刻。由于通常都把襯線體作為正文字體,所以很多場(chǎng)合下,Roman 就變成了正文字體的代名詞。

而 Italic(意大利體)最早是指意大利使用的一種手寫(xiě)體,而后來(lái) Italic (意大利體)常被用作斜體與正文的羅馬體搭配,成為了斜體的代名詞。另外一種斜體的稱呼是 Oblique (單斜體、仿斜體)也被稱為 Slanted,這通常是指直接把正文字體做傾斜處理產(chǎn)生的斜體,而 Italic (意大利體) 則是特別設(shè)計(jì)的與正文相差較大的斜體。

2.png


Roman 羅馬

3.png


同一字體(Adobe Garamond)的 Italic(意大利斜體)與 Oblique(單斜體)

字體結(jié)構(gòu)

4.png


 

字間距、字偶間距與等寬字體

字間距(Spacing)顧名思義是字符間的距離,在實(shí)現(xiàn)上就是字符圖形外邊界框的尺寸和字符在方框中的位置。

5.png


字間距 -《西文字體》

字偶間距(Kerning)也被稱為字距調(diào)整,是在字間距的基礎(chǔ)上,為實(shí)現(xiàn)不同字偶(一對(duì)字符)可以有不同字間距的調(diào)整值。不同的字母有不同的外形,所以字體只有同樣的字間距是不協(xié)調(diào)的,比如“AH”間是標(biāo)準(zhǔn)的字間距,而“AV” 由于 V 和 A 的形狀,其位置可以重疊,所以需要負(fù)字偶間距才能達(dá)到協(xié)調(diào)的外觀。字間距和字偶間距都是一個(gè)字體的組成部分,并且字偶間距需要為很多字偶準(zhǔn)備。

6.png

7.png



一套字體中的多個(gè)字偶 -《西文字體》

另外有字距的概念就是等寬字體(Monospaced)與比例字體(Proportional)了,比例字體就是上面說(shuō)的按字符外形設(shè)置有不同字距的字體,這種字體外形協(xié)調(diào),可讀性好。而等寬字體(Monospaced)是每個(gè)字字間距都相同的字體,其優(yōu)點(diǎn)是可以很好的控制排版對(duì)齊,因此目前編程的代碼編輯器通常都會(huì)使用等寬字體(Monospaced)最為顯示字體。

8.png


字重與寬度

字重的劃分根據(jù)不同字體廠商各有不同,不同的字重稱呼也可以不一樣,常見(jiàn)的劃分如下:

9.png

另外還有窄字體:Condensed、寬體:Expanded、斜體:Italic、Slanted(通常指仿斜體)。


連字

連字(Typographic ligature)也被稱為合字,源于手寫(xiě)時(shí)的連筆,如“fi”的  i 上一點(diǎn)常與  f 的一鉤合并。傳統(tǒng)英文印刷常會(huì)使用連字,而 1970  年代照相排版流行之后就很少使用連字了,而且由于顯示屏的分辨率有限,是否連字差別不大,所以現(xiàn)在不是很流行使用連字。

連字的實(shí)現(xiàn)方式有兩種,一是字體的 PostScript 連字功能,這需要排版或顯示軟件支持,另外是使用合字字符,如:

10.png




11.png   

 

字面率、中宮、重心

12.png

字面率、字面、中宮、重心是常見(jiàn)描述中文字體外觀特點(diǎn)的屬性。字面是相對(duì)于字體的外框而言字體實(shí)際尺寸的范圍,同樣字號(hào)下不同字體字面大的實(shí)際尺寸會(huì)更大。

字面率是字面與外框內(nèi)尺寸的比值,一般簡(jiǎn)體中文字體有 92 % 左右的字面率,日文字體漢字通常字面率要高一些,94 %左右,相對(duì)而言,日文字體漢字更追求平均和較大的字面率。

中宮是漢字主要結(jié)構(gòu)的大小,類(lèi)似于英文字體的 x 高度。中宮大小可以用來(lái)評(píng)判字體的松緊程度,中宮分橫向和縱向,不過(guò)通??礄M向的中宮尺寸就夠了。

重心是字體另一個(gè)主要的外觀屬性,是字體的視覺(jué)中心點(diǎn),一般字體重心是位于中上部分。

 

英文字體


字體分類(lèi)

英文字體的分類(lèi)方法有許多種,不同的分類(lèi)法側(cè)重點(diǎn)不同,這里介紹常見(jiàn)的傳統(tǒng)分類(lèi)法“ Vox-ATypl 分類(lèi)法” 和數(shù)字字體時(shí)代具有代表性的 typekit 網(wǎng)站的字體分類(lèi)方法,還有按年代劃分(主要參考《西文字體》)字體的方法。

typekit 分類(lèi)法

Sans-Serif 無(wú)襯線

13.png


Serif 襯線

14.png


Sleb-Serif 粗襯線體

15.png


Script 書(shū)法體

16.png


Blackletter 哥特黑體

17.png


Monospace 等寬字體

18.png


Hand 手寫(xiě)體

19.png


 

 Vox-ATypl 分類(lèi)法

Classicals 古典

20.png


古典字體分為人文主義體 (Humanist),加拉德體(Garalde)和過(guò)渡體(Transitional),他們的特征是有著類(lèi)似三角形的襯線

21.png


可以看到人文主義的字體 x 高度明顯小,大寫(xiě)字母比小寫(xiě)字母高許多。

Humanist 人文主義字體

22.jpg


[圖片來(lái)源]

人文主義字體是文藝復(fù)興時(shí)期的興起的字體,流行于當(dāng)時(shí)文藝復(fù)興的中心意大利,所以也被成為威尼斯式 (Venetian) 字體。

人文主義字體以當(dāng)時(shí)作家的手寫(xiě)字體為參照,所以保留有很多手寫(xiě)的特征,比如傾斜的 e、c、o。還有較小的 x 高度。


e、c、o 的軸線傾斜

筆畫(huà)粗細(xì)差別不大

x 高度較小


代表字體有:Centaur、Cloister old style

 

Garalde 加拉德體

23.jpg


[圖片來(lái)源]

加拉德體的名字(Garalde)是來(lái)源于 2 個(gè)設(shè)計(jì)師:Claude Garamont 和 Alde Manuce。這種字體也被稱為“古風(fēng)體”或“舊風(fēng)格”字體。

這是一種比較中庸的字體,其去掉了很多手寫(xiě)特征,e  的軸線完全垂直了,o 和 c 的傾斜也很小,x 高度也較高,字體的比例較均衡,所以很適合作為正文排版使用。


e 軸線完全垂直,o、c 軸線略微傾斜

筆畫(huà)粗細(xì)差別不大

x 高度較大


代表字體有:Garamond、Bembo

Transitional 過(guò)渡期體

24.jpg


[圖片來(lái)源]

過(guò)渡時(shí)期是指法國(guó)大革命、美國(guó)獨(dú)立的 18 世紀(jì)啟蒙時(shí)代(Age of the Enlightenment),這種字體也被稱為新古典主義字體(Neoclassical)。

這種字體的幾乎完全拋棄了手寫(xiě)特征,襯線幾何化為十分規(guī)則的曲線。而且其筆畫(huà)粗細(xì)相差極大,細(xì)處特別細(xì),粗處特別粗,這讓它并不很適合作為正文字體。它適合的是有足夠尺寸來(lái)展示其流暢典雅曲線的場(chǎng)合,比如標(biāo)題或者 LOGO。


垂直的軸線

強(qiáng)烈的筆畫(huà)粗細(xì)對(duì)比

襯線曲線平滑

代表字體有:Baskerville、Times Roman

 

Moderns 現(xiàn)代

25.png


Moderns(現(xiàn)代)字體的特征


Didone 迪多尼

26.png


[圖片來(lái)源]

Didone(迪多尼)字體的最大特征就是極細(xì)的無(wú)撐拱襯線,也被稱為發(fā)絲襯線(hairline-serif),與 Transitional (過(guò)渡期字體)相比有更高的筆畫(huà)粗細(xì)對(duì)比,字母開(kāi)口閉合處也更緊湊。這種字體不是很適合作為正文排版,它需要較大的展示空間。


極細(xì)的發(fā)絲襯線(hairline-serif)

筆畫(huà)粗細(xì)對(duì)比達(dá)到極致

字母開(kāi)口處緊湊


代表字體有:Didot、Bodoni

 Mechanistic 機(jī)械風(fēng)格體

27.png


[圖片來(lái)源]

Mechanistic (機(jī)械風(fēng)格)也被稱為 slab serif (粗襯線、厚板、板狀襯線)體,其最大的特征就是粗厚的無(wú)撐拱襯線。通常 Mechanistic 風(fēng)格的字體筆畫(huà)粗細(xì)對(duì)比低,且很粗,曲線也很生硬。


無(wú)撐拱(支架)的粗厚襯線

筆畫(huà)粗且粗細(xì)對(duì)比低

曲線生硬


代表字體:Clarendon、Rockwell

Lineals 線體

28.png


線體更常見(jiàn)的名稱是:sans-serif(無(wú)襯線體)和 gothic(哥特體)。其是現(xiàn)代字體的代表,其特征就是沒(méi)有襯線,所以它還有很多子類(lèi)別:Grotesque (怪誕體)、Neo-grotesque (新怪誕體)、Geometric (幾何體)、Lineal Humanist (人文主義無(wú)襯線體)。

由于 Grotesque(怪誕體)是最早的無(wú)襯線體,所以很多地方也把無(wú)襯線體稱為 Grotesque(怪誕體)或 Grotesk(德語(yǔ)怪誕體)。

29.png


 

Grotesque 怪誕體

30.jpg


[圖片來(lái)源]

怪誕體是最早的無(wú)襯線字體。也被直接稱為歌德體或者音譯為格洛特斯克體。

它沒(méi)有襯線并且筆畫(huà)極粗還有明顯的筆畫(huà)粗細(xì)對(duì)比,通常只會(huì)用在標(biāo)題或者大尺寸場(chǎng)合。


G 字母有字刺

筆畫(huà)粗細(xì)對(duì)比明顯

較高的 x 字高


代表字體:Monotype Grotesque、Franklin Gothic 

Neo-grotesque 新怪誕體

31.jpg


[圖片來(lái)源]

新怪誕體是最常見(jiàn)的無(wú)襯線字體了,其筆畫(huà)粗細(xì)變化小、開(kāi)口處緊湊、X 字高較大、曲線柔和很適合最為正文字體,有名的 Helvetica 就是新怪誕體的代表。


筆畫(huà)粗細(xì)變化小

X 字體高度大

曲線柔和


代表字體:Universal、Helvetica

Geometric 幾何體

32.jpg


[圖片來(lái)源]

如其名是遵循幾何形式來(lái)制作的字體,極具現(xiàn)代感,不適合作為正文字體,著名的 Futura 就是幾何字體。


由幾何結(jié)構(gòu)構(gòu)成外形

筆畫(huà)粗細(xì)對(duì)比小


代表字體:Futura、Eurostile

 

Lineal Humanist 人文主義無(wú)襯線體

33.jpg


[圖片來(lái)源]

和經(jīng)典的人文主義字體相似,人文主義無(wú)襯線字體也留有手寫(xiě)的特征,雖然沒(méi)有襯線但是筆畫(huà)有裝飾線的粗細(xì)變化,作為正文時(shí)會(huì)又類(lèi)似襯線體的效果。


有裝飾性的筆畫(huà)粗細(xì)變化


代表字體:Gill sans、Optima

Calligraphics 書(shū)法體

 

相比上面那些字體,書(shū)法體外形更加多樣,

Glyphic 雕刻體

34.png


雕刻體來(lái)自于雕刻和鐫刻的字母。雕刻體是最早的字體,只有大寫(xiě)字母(不過(guò)現(xiàn)在的雕刻體字體都會(huì)配上小寫(xiě)字母),許多雕刻字體看起來(lái)可以被分類(lèi)為襯線字體。

 

Blackletter 哥特黑體

35.png


Blackletter 由于流行于哥特時(shí)期(12世紀(jì) ~ 14世紀(jì)末) 所以常被稱為 Gothic Script(哥特手寫(xiě)體)或者 Old English Script(舊英文手寫(xiě)體),要注意的是國(guó)內(nèi)很多地方直接把 Blackletter 翻譯成哥特體或者黑體,這很可能產(chǎn)生誤解,實(shí)際上在字體領(lǐng)域有一段時(shí)間 Gothic(哥特體)代表的無(wú)襯線的字體,雖然目前在英文中幾乎不用 Gothic 代表無(wú)襯線體了,但是在日本和韓國(guó)還流行用 Gothic 代表無(wú)襯線字體,比如 Franklin Gothic 和  Windows MS Gothic。而“黑體”在中文字體中也是指無(wú)襯線體, 所以為做區(qū)別最好稱其為“哥特手寫(xiě)體”或者“哥特黑體”。


這種字體在德國(guó)使用到了二戰(zhàn)時(shí)期,所以一般也認(rèn)為 Blackletter 是德國(guó)標(biāo)志性的字體,所以它還有個(gè)德文翻譯過(guò)來(lái)的名字:Broken Letter(破筆字體)。


代表字體:Walbaum Fraktur、Monotype Engravers

 

Script 書(shū)法體

Script (書(shū)法體)也可以稱為草體。

36.png


代表字體:Shelley、Mistral

 

Graphic 圖形字體

37.png


圖形字體從本質(zhì)上來(lái)說(shuō)就是不屬于其他類(lèi)別的展示字體。它可以是用毛筆、鋼筆等任意工具來(lái)書(shū)寫(xiě)或設(shè)計(jì)。如果這個(gè)字體不是無(wú)襯線字體或者襯線字體,那它可能就是圖形字體。

代表字體:Albertus、Trajan

Gaelic

另外還有一種 Gaelic(凱爾特體),主要在愛(ài)爾蘭使用,通常不會(huì)用到。

 

年代劃分

公元前 ~ 四世紀(jì)(古羅馬)

38.jpg


這個(gè)時(shí)期的代表字體是古羅馬帝國(guó)的雕刻體(Glyphic ),由于這個(gè)年代小寫(xiě)字母還沒(méi)發(fā)明出來(lái),要表現(xiàn)這個(gè)時(shí)代的氛圍最好使用全大寫(xiě)。

代表字體:Trajan、Stempel、Rusticana、Hercvlanum

39.png


四 ~ 五世紀(jì)

40.png


這個(gè)年代的代表字體是 Uncial(安色爾) 體,這是主要書(shū)寫(xiě)在羊皮紙上的字體。Uncial 原意為“一英寸高的文字”,因?yàn)楫?dāng)時(shí)羊皮紙昂貴,所以當(dāng)時(shí)這種字體高度小字距小,不過(guò)當(dāng)代的數(shù)碼字體都有了合適的字距。雖  Uncial 體流行于四、五世紀(jì),不過(guò)直到八世紀(jì)作為書(shū)寫(xiě)圣經(jīng)的主要字體。


代表字體:Omnia、Hammer Unziale789年,

41.png


九世紀(jì)(中世紀(jì))

42.jpg


Carolingian(卡洛林) 是卡洛林王朝時(shí)期興起的字體,外形上已經(jīng)與現(xiàn)代的英文字體差不多了,也開(kāi)始大小寫(xiě)成對(duì)使用了。查理曼時(shí)期(789年),為保證抄本內(nèi)容的準(zhǔn)確性,把抄寫(xiě)字體統(tǒng)一為 Carolingian minuscule (卡洛林小寫(xiě)字體),讓其成為了中世紀(jì)最具代表性的字體。

代表字體:Carolina、Carolingian minuscule、Carolingiaby William Boyd

43.png


十三 ~ 十四世紀(jì)

44.png


這個(gè)時(shí)期主要的字體是帶有明顯平頭筆書(shū)寫(xiě)特征的 Blackletter (哥特黑體)。

代表字體:Duc De Berry、Notre Dame、Alte Schwabacher、Wihelm Klingspor Gotisch

45.jpg


十四 ~ 十五世紀(jì)(文藝復(fù)興)

46.png


文藝復(fù)興時(shí)期是人文主義字體興起的時(shí)期,相比過(guò)去的字體 x 高度更低了,而且意大利斜體開(kāi)始流行。另外文藝復(fù)興時(shí)期還有復(fù)古的潮流,古羅馬時(shí)期的字體也備受尊崇。

代表字體:Centaur、Legacy Serif、Adobe Jenson、Poetica

47.png


十六 ~ 十七世紀(jì)(巴洛克)

巴洛克(Baroque )時(shí)期字體的特點(diǎn)是精致的襯線和筆畫(huà)粗細(xì)對(duì)比度較高,也就是 Garalde (加拉德體)的特征。另外這個(gè)時(shí)期有夸張字花的手寫(xiě)體也很有代表性。

代表字體:Baskerville、Galliard、Janson、Baroque Script

48.png


十八世紀(jì)(洛可可)

49.jpg


這個(gè)時(shí)期的洛可可藝術(shù)(Rococo)風(fēng)格盛行,其最具代表性的字體風(fēng)格就是細(xì)膩柔媚、曲線大膽的各種手寫(xiě)體。而得益于印刷技術(shù)的提升,字體越來(lái)越注重對(duì)細(xì)線條的表現(xiàn),Didone( 迪多尼)風(fēng)格的字體也由此誕生。

代表字體:Snell Roundhand、Shelley Script、Linoscript、Cochin、Linotype Didot

50.png


十九世紀(jì)(維多利亞)

這個(gè)年代的代表字體是報(bào)紙、廣告中使用的各種夸張的裝飾字體。另外無(wú)襯線體也在此時(shí)開(kāi)始廣泛使用。

代表字體:Thorowgood、Egyptian、Hawthorn、Carlton、Bernhard、Franklin Gothic

51.png


二十世紀(jì)

二十世紀(jì)以來(lái)的字體多樣性極其豐富,很難說(shuō)那一種能代表一個(gè)年度,不過(guò)也有 Helvetica 這樣的經(jīng)典的字體。

52.png


部分字體圖片出處:《西文字體》

 

 

 

中文字體


字體分類(lèi)

歷史劃分

甲骨文

53.png

 


商周時(shí)期的文字形式。

作為字體(字庫(kù))目前使用的最廣的是“北師大甲骨文體”,另外還有臺(tái)灣中研院甲骨文體、香港中文大學(xué)漢達(dá)文庫(kù)的 ics3.ttf、日本文字鏡研究會(huì)的 Mojikyo font 等。

 

篆書(shū)

54.png


春秋戰(zhàn)國(guó)時(shí)期的代表文字。是秦始皇統(tǒng)一六國(guó)后以小篆為全國(guó)的官方字體。

常用字體:漢儀篆書(shū)、方正小篆

 

隸書(shū)

55.png

漢朝的代表字體。隸書(shū)在秦朝就已誕生,不過(guò)到漢朝才成為主流,所以也被稱為“漢隸”。

隸書(shū)筆畫(huà)粗細(xì)變化小、較平直,外形扁平、工整、莊重。講究“蠶頭燕尾”(起筆凝重,結(jié)筆輕疾)、“一波三折”(線條運(yùn)筆變化)。

常用字體:漢儀隸書(shū)、華文隸書(shū)、蒙納小隸


草書(shū)

56.png


草書(shū)源于漢代初期。

草書(shū)源于書(shū)寫(xiě)潦草的隸書(shū),主要分為章草、今草、行草、狂草。草書(shū)有大量字形的簡(jiǎn)化、連筆,較難辨認(rèn)。并且通常有一定傾斜。

常用字體:方正大草、方正黃草、葉根友疾風(fēng)草書(shū)、白舟草書(shū)、 奔行かな

  

行書(shū)

57.png


行書(shū)源于東漢時(shí)期。

行書(shū)發(fā)展源于隸書(shū),是介于楷書(shū)、草書(shū)之間的一種字體,分為“行楷”和“行草”,“行草”較“行楷”筆畫(huà)更加奔放,更近似草書(shū)。相比草書(shū),行書(shū)只是在隸書(shū)的基礎(chǔ)上更加突出筆畫(huà)的變化,筆畫(huà)間增加了“游絲”,字形構(gòu)成基本不變,沒(méi)有草書(shū)那樣較顯著的簡(jiǎn)化、連筆和傾斜,能很容易的辨認(rèn)。

常用字體: 華文行楷、漢儀行楷、DF行書(shū)體、王漢宗中行楷、方正硬筆行書(shū)、金梅草行書(shū)、方正字跡-呂建德行楷

 

魏碑體

58.png

魏碑體是北魏的代表字體。

魏碑體階與隸書(shū)與楷書(shū)之間,相比隸書(shū),不像隸書(shū)那樣粗扁,相比楷書(shū)筆畫(huà)粗細(xì)變化又更為明顯。獨(dú)特的特征是撇捺會(huì)向兩側(cè)伸展,收筆前有明顯粗頓以及抬峰,使整個(gè)字形穩(wěn)重中又略顯飛揚(yáng)。

很多時(shí)候也會(huì)把魏碑體當(dāng)成楷書(shū)的一種。

常用字體:華文新魏、方正魏碑、漢儀魏碑


楷書(shū)

59.png


魏晉、南北朝時(shí)期到唐朝的代表字體。大體可分為早期的“魏碑”和后期的“唐楷”。

楷書(shū)始脫于隸書(shū),沒(méi)有隸書(shū)那么粗扁,筆畫(huà)帶有明顯毛筆書(shū)寫(xiě)痕跡,“橫”依然明顯的左低右高。

在常見(jiàn)的中文排版中,楷體有類(lèi)似西文中 Italic(意大利體)的作用,即宋體作為正文,而楷體作為強(qiáng)調(diào)、引用字體。

常用字體:華文楷體、方正新楷體、漢儀全唐詩(shī)、方正蘇新詩(shī)柳楷、方正宋刻本秀楷


宋體

60.png


明朝的代表字體,起源于宋朝。

宋體雖稱為宋體,但在宋朝并不流行,反而在明朝更為常見(jiàn)。由于歷史原因在大陸稱為宋體,港臺(tái)和日本則稱其為“明朝體”。

宋體始源于宋代的印刷字體,當(dāng)時(shí)以木板作活版印刷,為順應(yīng)木的天然紋理,筆畫(huà)直橫平豎直、橫細(xì)豎粗,起落筆有棱有角(有明顯襯線),字形方正。所以也被稱為“匠人體”。

由于宋體橫細(xì)豎粗的特征,很適合豎排,而現(xiàn)代排版通常都是橫排,所以現(xiàn)在常用的宋體筆畫(huà)橫豎筆畫(huà)對(duì)比會(huì)比傳統(tǒng)宋體略低。

另外由于 Windows 中自帶的宋體(中易宋體)12~14 pt 大小時(shí)顯示的是點(diǎn)陣字體,常有人以宋體代稱為點(diǎn)陣字,實(shí)際 2 者并沒(méi)關(guān)系。

61.png

中易宋體 12~14 pt 會(huì)顯示為點(diǎn)陣字體

常用字體:漢儀書(shū)宋、游明朝體、小塚明朝 Pro、ヒラギノ明朝、リュウミン(Ryumin Pro)、方正新書(shū)宋、方正雅宋、方正宋體、方正新報(bào)宋、造字工房刻宋、蒙納長(zhǎng)宋

 

仿宋體

62.png


可以代表宋朝的字體。

仿宋體是仿制南宋臨安陳起陳宅書(shū)籍鋪出版的書(shū)籍的字體,于實(shí)際興盛于明朝但被叫做“宋體”的宋體來(lái)說(shuō)更能代表宋朝的字體風(fēng)格。在日本直接稱其為“宋朝體”。

仿宋實(shí)際是有明顯楷體風(fēng)格的印刷體,筆畫(huà)較直,但不如“宋體”那樣完全直來(lái)直去,“橫”依然帶有楷書(shū)的左低右高特征,筆畫(huà)粗細(xì)沒(méi)有宋體的橫細(xì)豎粗,而是較為平均。

常用字體:方正仿宋、文悅古體仿宋、蒙納仿宋

 

清朝體

63.png


清朝的代表字體應(yīng)該說(shuō)是楷書(shū),隨著雕版印刷技術(shù)的提升,印刷字體相比宋體有了更多表現(xiàn)筆畫(huà)的特征。清朝字體的一個(gè)特征是中宮普遍較緊湊,不過(guò)和其他楷體來(lái)說(shuō)沒(méi)有決定性差別,所以“清朝體”的稱呼在國(guó)內(nèi)并不多見(jiàn),反而在日本比較常見(jiàn)。

清朝體有代表性的字體有仿照揚(yáng)州詩(shī)局刊行的《全唐詩(shī)》而作的全唐詩(shī)字體,還有清朝官刻體,另外還有前些年在平面設(shè)計(jì)領(lǐng)域用到爛的康熙字典體,不過(guò)康熙字典體的流行和清朝體關(guān)系不大,主要是因?yàn)槠鋻呙韫偶浫氲陌唏g字跡。

常用字體:康熙字典體、漢儀全唐詩(shī)、弘道軒清朝體、 欣喜堂清朝官刻體、 DF古籍木蘭A


黑體

64.png


二十世紀(jì)中期以來(lái)的代表字體。

黑體即是無(wú)襯線的中文字體,沒(méi)有裝飾用的襯線,簡(jiǎn)化筆畫(huà)特征,筆畫(huà)粗細(xì)差別極小。也被稱為等線體、哥特體(日本叫法)。最早是日本依據(jù)西文無(wú)襯線體而作的中文無(wú)襯線體,后傳入中國(guó)(吳竹體),最早只是作為粗大的標(biāo)題字體,所以被稱之為黑體。

黑體是目前屏幕顯示的首選字體。

常用字體:思源黑體、中易黑體、方正蘭亭黑、冬青黑體、方正等線、方正幼線、 方正纖黑、漢儀旗黑、小塚ゴシック、游ゴシック 、信黑體、微軟正黑體 (蒙納)、微軟雅黑體(方正)、方正悠黑簡(jiǎn)、メイリオ、蘋(píng)方

 


風(fēng)格字體分類(lèi)

上面是中文字體的主要?jiǎng)澐址绞?,有些字體在其基礎(chǔ)上又獨(dú)特的風(fēng)格,自成一體。


綜藝體

65.png


綜藝體是黑體的變種,通常用在廣告、標(biāo)題上。字面極大、追求盡量將空間充滿。

常用字體:創(chuàng)挙蘭、方正綜藝、漢儀綜藝、造字工房力黑、造字工房版黑

 

圓體

66.png


圓體也是黑體的變種,最早在秀英舎的『活版見(jiàn)本帳』(1914年)中出現(xiàn),早期流行的圓體是石井丸ゴシック體(1956)。

圓體的特征在于筆劃的末端與轉(zhuǎn)角呈圓弧狀。因此圓體不但具有黑體清晰易讀的優(yōu)點(diǎn),而且也予人較柔和的感覺(jué)。國(guó)內(nèi)更加常見(jiàn)的幼圓體是圓體的一種,是筆畫(huà)更加細(xì)的圓體。

常用字體:蒙納幼圓、DF丸ゴシック體(華康圓體)、あいこフォント、方正圓體、造字工房悅圓

 

宋黑體

 67.png


宋黑體是介于宋體和黑體之間,帶類(lèi)似宋體的襯線和黑體筆畫(huà)特征的字體,和普通的的粗筆畫(huà)宋體的差別是:粗宋體會(huì)有明顯的“橫細(xì)豎粗”的筆畫(huà)粗細(xì)對(duì)比,而宋黑體沒(méi)有。

常用字體:方正宋黑、銳字云字庫(kù)宋黑體

 

圓宋

68.png


圓宋是基于宋體的變體,相當(dāng)于圓體之于黑體。在日本被稱為“丸明朝體”。相對(duì)于圓體,其有宋體的特征:筆畫(huà)有“橫細(xì)豎粗”的粗細(xì)對(duì)比、帶有襯線。而相對(duì)于宋體其襯線圓滑,雖有宋體的筆畫(huà)特征但把棱角都做了圓化,字體結(jié)構(gòu)方正,但細(xì)節(jié)圓潤(rùn),有馬克筆書(shū)寫(xiě)的感覺(jué)。

常用字體:丸明オールド、漢儀潤(rùn)圓、方正秉楠圓宋

 

姚體

69.png


姚體通常認(rèn)為是原中華書(shū)局聚珍部主任姚竹天于民國(guó)時(shí)期設(shè)計(jì),上海解放日?qǐng)?bào)社高級(jí)技工姚志良在二十世紀(jì) 50 年代改刻的字體。也有說(shuō)法是姚體跟姚竹天的關(guān)系是誤傳。姚體興盛于中國(guó)大陸的 60、70 年代,被用作報(bào)紙標(biāo)題、宣稱標(biāo)語(yǔ)和招牌的字體。至今仍能在很多城市的車(chē)站中見(jiàn)到姚體的站名。

姚體是結(jié)合了宋體和黑體特征的字體,一般歸類(lèi)為黑體的變種。其特征是像宋體一樣的直線筆畫(huà)和“橫細(xì)豎粗”的粗細(xì)對(duì)比,但沒(méi)有宋體的襯線,但有明顯的喇叭口和筆畫(huà)出頭作為裝飾,最明顯的莫過(guò)于豎長(zhǎng)的字形和縱向的筆畫(huà)走向。

常用字體:方正姚體、蒙納小姚


金文體

70.png


這個(gè)金文體并不是指中國(guó)古代的金文,而是一個(gè)在日本流行的字體,實(shí)際上類(lèi)似于篆書(shū)體,其特點(diǎn)是垂直延伸的字形,并且字的下半部分看起被拉長(zhǎng),有類(lèi)似篆書(shū)的筆畫(huà)曲線。這種字體看起來(lái)既有有古典氣息,又有現(xiàn)代、神秘的感覺(jué),非常多的用在日本科幻、魔法風(fēng)格的小說(shuō)、漫畫(huà)、動(dòng)畫(huà)產(chǎn)品產(chǎn)品的標(biāo)題和海報(bào)中。

常用字體:華康金文體(DFP金文體)、DFP金文體うめ

 

其他字體


繪文字 emoji

繪文字(emoji)最早是在 1998 年左右出現(xiàn)在日本 NTT DoCoMo 公司的 i-mode 手機(jī)中的功能。

71.png


最早的 au 絵文字

72.jpg


把文字和圖形穿插日本自古就有:日本江戶時(shí)代的判じ絵(畫(huà)迷)

繪文字(emoji)是以一個(gè)字符表示一個(gè)圖形的方式表達(dá)信息,每個(gè)繪文字(emoji)其本質(zhì)是一個(gè)特殊字符,2010年10月發(fā)布的 Unicode 6.0 中首次把繪文字(emoji)編入其中,往后每次 Unicode 更新幾乎都會(huì)增加新的繪文字(emoji)。每個(gè)繪文字(emoji)字符雖然都有指定的意義,但是實(shí)際外觀取決于使用的字體,而各個(gè)平臺(tái)使用的字體并不相同:

73.png

各個(gè)平臺(tái)對(duì) 的支持情況可以參考: Can I Emoji,各個(gè)平臺(tái)上繪文字(emoji)實(shí)際外觀可以查看: emojipedia。要注意的是繪文字(emoji)和顔文字(かおもじ、Emoticon、表情符號(hào))是指定不同的東西,顔文字是指如: :-)  _(:3 」∠)_ ^_^ 這樣用普通字符組成特定外形來(lái)表達(dá)表情或動(dòng)作的文本。其使用的是普通字符,而不是特殊的字符,所以顔文字有更好的通用性,是 ASCII 藝術(shù)的一種形式。



Dingbat  字體與 Icon-font

雖然現(xiàn)在流行的繪文字(emoji)形式的圖形字符起源于日本的手機(jī),不過(guò)把圖形用在字符中,早在數(shù)字時(shí)代之的印刷業(yè)就有了,活字時(shí)代就有用來(lái)裝飾文本的 fleuron(花邊) ,后來(lái)也出現(xiàn)了 Dingbats (裝飾符號(hào)、雜錦字體),其中最有名和使用最廣的是 1971 年的 Zapf Dingbats ,在 Zapf Dingbats 中主要還是用在傳統(tǒng)印刷品中的標(biāo)志或裝飾性符號(hào),不過(guò)小圓臉表情?已經(jīng)出現(xiàn)了。而 1990 年隨 Windows 3.1 發(fā)布的 Wingdings 和后來(lái)發(fā)布的其 web 版本 Webdings (網(wǎng)頁(yè)核心字體之一)有了更多現(xiàn)代的圖形比如心型和眼睛 。

74.png


Zapf Dingbats (部分)

75.png


Wingdings

Dingbats 字體也被稱為 Pi 字體,一般名字中帶 Pi 的就是 Dingbats  字體。而當(dāng)今流行的 icon-font 技術(shù)就是他們的繼承者,例如網(wǎng)頁(yè)中常用的 Font Awesome、iconfont.cn 都是一種 Dingbats ,這種技術(shù)可以方便的在網(wǎng)頁(yè)或者文本構(gòu)成的用戶界面中加入圖形標(biāo)志,而且由于是字體,所以這是當(dāng)前(支持 Svg 等矢量圖形顯示技術(shù)的地方還不多)最方便的顯示矢量圖形的方式。

76.png

icon font

文本編碼與 Unicode

對(duì)于了解字體來(lái)說(shuō)文本編碼標(biāo)準(zhǔn)是不得不認(rèn)識(shí)的,尤其是對(duì)要制作或者修改字體的人來(lái)說(shuō)。字體的一個(gè)字符對(duì)應(yīng)一個(gè)編碼(碼點(diǎn):codepoint),而編碼對(duì)應(yīng)字符集(Character Set)里的一個(gè)“字”,字體的字符通過(guò)字符集與“字”相連。

77.png


文本編碼的流程

字符集與編碼方式

像通常說(shuō)的 Unicode、GBK、BIG5、Shift_JIS 這些都是字符集,其主要作用是為字符集中的每一個(gè)“字”分配一個(gè)編碼(碼點(diǎn):codepoint),要注意的有兩點(diǎn):

   字符集里的每一個(gè)編碼對(duì)應(yīng)的是一個(gè)“字”而不是“字形”,也就是說(shuō)一個(gè)“字”在不同的地區(qū)或標(biāo)準(zhǔn)中可能有不同的“字形”,但字符集中只能對(duì)其分配一個(gè)編碼(除非相差過(guò)大,比如簡(jiǎn)化字),要顯示其不同的“字形”要通過(guò)使用為不同地區(qū)或標(biāo)準(zhǔn)設(shè)計(jì)的字體來(lái)實(shí)現(xiàn)。

78.png

同字異形。左邊是簡(jiǎn)體中文的,右邊是日文

字符集是為字分配一個(gè)編碼(碼點(diǎn)),而這個(gè)字存儲(chǔ)到文件要再通過(guò)特定編碼方式(Encoding)來(lái)變成實(shí)際的二進(jìn)制數(shù)據(jù),這樣做的意義在于能夠使用不定長(zhǎng)(為了節(jié)省空間)的編碼。


舉一個(gè)十進(jìn)制的例子來(lái)說(shuō):有兩個(gè)字,編碼分別是 1、15 要存儲(chǔ)的話,最簡(jiǎn)單的方式是存儲(chǔ)為定長(zhǎng)數(shù)據(jù): 01、15 。之所以要定長(zhǎng)是為了再次讀取時(shí)不會(huì)發(fā)生混淆,比如如果直接不定長(zhǎng)存儲(chǔ)的話,讀取 10 字符時(shí),讀到第一位 1 就以為讀到是 1 了。1, 15 存儲(chǔ)為 110 再讀取就變成了 1, 1, 5 了。而要定長(zhǎng)存儲(chǔ)的話,就要浪費(fèi)很多空間,所以要再經(jīng)過(guò)一次編碼,比如這個(gè)例子里可以用把 1 作為標(biāo)志位,讀到 1 就表明這是 2 位編碼的字,要再度一位。這樣把兩個(gè)字編碼為 2、15,這樣就能直接存儲(chǔ)為 215  了,這比定長(zhǎng)的  0115 要節(jié)省空間。這個(gè)過(guò)程就是編碼方式(Encoding)來(lái)決定的。實(shí)際上的 Encoding 是根據(jù)二進(jìn)制來(lái)處理的,上面的例子只是便于理解。


過(guò)去的字符集往往與編碼方式相對(duì)應(yīng),比如 GB2312 就只使用 EUC-CN ,這讓我們可以忽略它的編碼方式,或者說(shuō)把編碼方式看成是字符集的一部分,統(tǒng)稱為編碼標(biāo)準(zhǔn),比如只說(shuō)某個(gè)文本是用 GB2312 文本編碼。而后來(lái)出現(xiàn)了可能會(huì)又不同的編碼方式的字符集,Unicode 字符集就有 UTF-8、UTF-16 LE 、UTF-16 BE 等編碼方式,這時(shí)就要區(qū)分字符集和編碼方式了。用  UTF-8、UTF-16 等編碼方式存儲(chǔ)同一個(gè)字符,它們的數(shù)據(jù)可能是不同的,但是這些數(shù)據(jù)都唯一對(duì)應(yīng)于 Unicode 中的一個(gè)編碼(碼點(diǎn):codepoint)。這本來(lái)容易理解,不過(guò) Windows 下用 Unicode 來(lái)稱呼 UTF-16 LE(應(yīng)該是由于 UTF-16 LE 是 Windows 的內(nèi)部 Unicode 編碼所以就這么稱呼)這就造成了很多誤解,讓人以為 UTF-8 是字符集。


79.png



Windows 用 Unicode 直接代指 UTF-16 LE

代碼頁(yè)

代碼頁(yè)(codepage)是操作系統(tǒng)中管理各種編碼標(biāo)準(zhǔn)的方法,每個(gè)代碼頁(yè)對(duì)應(yīng)一種字符集和編碼方式,比如 Unicode-UTF-8 的代碼頁(yè)是 65001,GBK 是的代碼頁(yè)是 936 。


代碼頁(yè)是實(shí)際編碼標(biāo)準(zhǔn)到應(yīng)用程序間的中間層,好處是通過(guò)改變代碼頁(yè)可以簡(jiǎn)單的切換系統(tǒng)默認(rèn)支持的編碼標(biāo)準(zhǔn),而且便于更新編碼標(biāo)準(zhǔn),比如 Winodows 3.1 時(shí)代碼頁(yè) 936 還是對(duì)應(yīng)的 GB 2312,而 winodws 95 時(shí)已經(jīng)代碼頁(yè) 936 就更新到對(duì)應(yīng) GBK 了,這樣應(yīng)用程序不需要修改就能支持新的編碼標(biāo)準(zhǔn)。


Windows 中把當(dāng)前系統(tǒng)默認(rèn)代碼頁(yè)稱為 ANSI 。


GB2312、GBK 、BIG5、Shift_JIS

GB 2312 是 1980 年制定的編碼標(biāo)準(zhǔn),GBK 是對(duì) GB 2312 的擴(kuò)展(K)增加了一些字符并保持向下兼容。

BIG5 是臺(tái)灣制定的編碼標(biāo)準(zhǔn),由于臺(tái)灣使用繁體字,所以這是繁體地區(qū)最常用的文本編碼標(biāo)準(zhǔn)。

Shift_JIS 是日本最常用的文本編碼標(biāo)準(zhǔn)。

目前中國(guó)大陸的標(biāo)準(zhǔn)是國(guó)家編碼標(biāo)準(zhǔn)是 GB 18030。


Unicode

上面的 GBK、Shift_JIS 等傳統(tǒng)編碼標(biāo)準(zhǔn)都只為一個(gè)地區(qū)使用所制定的,而 Unicode 是目標(biāo)為所有國(guó)家、地區(qū)、語(yǔ)言的字編入同一個(gè)字符集,所以其被稱為統(tǒng)一碼、萬(wàn)國(guó)碼。


Unicode 使用平面(Plane)來(lái)安排編碼空間,每個(gè)平面分 為 256 行,256 列,即 65536 個(gè)字。共有 17 個(gè)平面。所以 Unicode 共可以容納約  110 萬(wàn)字(1,114,112),最大的編碼是 10FFFF。目前 Unicode 8.0 已經(jīng)所使用了 12 萬(wàn)字(120,737)。

Unicode 是個(gè)還在不斷不斷更新擴(kuò)充的標(biāo)準(zhǔn)。


Unicode 的平面分為基本平面 BMP (Basic Multilingual Plane)和補(bǔ)充平面 (也有翻譯成輔助平面)SMP(Supplementary Multilingual Plane),只有第一個(gè)平面是基本平面,也就是 Plane 0,剩下的 16 個(gè)平面都是補(bǔ)充平面。


如上面所說(shuō) Unicode 有多種編碼(Encoding)方式,UTF-32、UTF-16 LE、UTF-16 BE、UTF-8 等,最常用的是 UTF-8 ,其基本平面的字符(主要是 ASCII 字符)只要使用 1 個(gè)字節(jié)存儲(chǔ),而中文通常是占 3 個(gè)字節(jié),少數(shù)要占 4 個(gè)字節(jié)。而 UTF-16 編碼第一平面的字符也要占 2 個(gè)字節(jié),中文占 2 到 4 個(gè)字節(jié)。一般來(lái)說(shuō)存儲(chǔ)中文使用 UTF-16 要比 UTF – 8 占有更少的空間。UTF – 16 BE 和 LE 有的只是字節(jié)序的差別,BE 是大端在前,LE 是小端在前。


此外歷史上還有 UCS-2、UTF7 等的編碼方式,至今已經(jīng)很少使用了。由于歷史原因 JavaScript 內(nèi)部使用的是 UCS-2 。UCS-2 可看成是 UTF-16 的字集。在沒(méi)有補(bǔ)充平面(SMP)字符前,UTF-16與 UCS-2 所指的是同一的意思。但當(dāng)引入輔助平面字符后,就稱為UTF-16了?,F(xiàn)在若有軟件聲稱自己支持 UCS-2 編碼,那其實(shí)是暗指它不能支持在 UTF-16 中超過(guò) 2 個(gè)字節(jié)的字符。對(duì)于小于0x10000的 UCS 碼,UTF-16 編碼就等于 UCS 碼。JavaScript 在 ECMAScript 6 之前就因?yàn)檫@個(gè)原因無(wú)法處理大于 2 個(gè)字節(jié)字符。


BOM

BOM 是字節(jié)順序標(biāo)記(byte-order mark),通常用在 UTF-16 中標(biāo)識(shí)文本的字節(jié)順序,即區(qū)分 UTF-16 LE 和  UTF-16 BE。后來(lái)在 Windows 中被用作區(qū)分文本編碼方式的標(biāo)志:

80.png

  

由于除了  Windows 其他系統(tǒng)對(duì) BOM 的支持程度不一,所以在制作  Web 用的文本時(shí),不應(yīng)該使用 BOM。

 

CJK

CJK 是中日韓統(tǒng)一表意文字(CJK Unified Ideographs),目的是要把分別來(lái)自中文、日文、韓文、越南文、壯文中,起源相同、本義相同、形狀一樣或稍異的表意文字,賦予其在 UISO 10646  及 Unicode 標(biāo)準(zhǔn)中相同編碼。

 

字體格式


TrueType

 TrueType 是最常見(jiàn)的字體格式,后綴名為“.ttf”的字體就是 TrueType 格式。TrueType 字體的輪廓使用的是二次貝塞爾曲線,


OpenType

OpenType 可以說(shuō)是 TrueType 的擴(kuò)展, OpenType 有和 TrueType 一樣的封裝格式(SFNT),可以使用 TrueType 的二次貝塞爾曲線的字體輪廓,也可以使用對(duì)曲線表現(xiàn)效果更好的三次貝塞爾曲線 CFF(PostScript Type 2) 。


WOFF、EOT

WOFF 是 W3C 標(biāo)準(zhǔn)推薦的網(wǎng)頁(yè)字體格式,其本質(zhì)上是對(duì) TrueType、OpenType 格式的壓縮封裝。EOT 是微軟推出的網(wǎng)頁(yè)字體格式,本質(zhì)上是對(duì) OpenType 格式精簡(jiǎn)再封裝,雖然 EOT 不是  W3C 標(biāo)準(zhǔn),但是由于  EOT 出現(xiàn)的很早(IE 4 就支持了),為了兼容性(尤其是對(duì) IE),EOT 也是常見(jiàn)的網(wǎng)頁(yè)字體·格式。


格式轉(zhuǎn)換


由于 TrueType 是二次貝塞爾曲線,OpenType 一般是三次貝塞爾曲線,從三次轉(zhuǎn)換到二次的過(guò)程不會(huì)是無(wú)損的,所以很可能產(chǎn)生偏差。而且很多 TrueType  字體的 UMP (元素/單位)設(shè)置的很低,所以從現(xiàn)狀來(lái)看,TrueType 字體的質(zhì)量往往要低于 OpenType 字體。


而從 TrueType 轉(zhuǎn)換到 OpenType 格式是無(wú)損的,因?yàn)?nbsp;OpenType 格式甚至可以不用把二次貝塞爾曲線轉(zhuǎn)換成三次貝塞爾曲線,而是直接包含 TrueType 的曲線。

81.png


三次曲線轉(zhuǎn)二次曲線

82.jpg


UPM 值低(左)與 UPM 值高(高)

抗鋸齒

83.png

字體的抗鋸齒通常是用次像素(亞像素)對(duì)字體像素做成調(diào)整,讓曲線在人眼中看起來(lái)更加平滑。


通常抗鋸齒渲染的次像素分為兩種,灰度的次像素和彩色的次像素?;叶鹊拇蜗袼厥歉鼮楹?jiǎn)單和基礎(chǔ)的抗鋸齒方法,而彩色的次像素是根據(jù) LCD 顯示器像素點(diǎn)的構(gòu)成而設(shè)計(jì)的,目的是不僅僅控制圖像的最小單位:像素,還要控制組成像素的 RGB 子像素,如下圖顯示,灰度次像素只能降低整個(gè)像素的亮度,而彩色的次像素,黃色能夠關(guān)閉藍(lán)色的子像素的顯示,青色能關(guān)閉紅色像素顯示,這樣就能控制子像素了:

84.png

微軟的 ClearType 是典型的使用彩色次像素抗鋸齒的技術(shù),OS X 上也有類(lèi)似的技術(shù)。彩色的次像素能夠控制比灰度次像素更高實(shí)際顯示精度,這在屏幕單位尺寸分辨率低的時(shí)候格外有效,而屏幕單位尺寸分辨率較高的場(chǎng)合,效果相對(duì)于灰度次像素優(yōu)勢(shì)就不大了,比如手機(jī)端,彩色次像素在手機(jī)上不僅會(huì)花更多性能和電量,在屏幕旋轉(zhuǎn)時(shí)還需要重新計(jì)算,而且手機(jī)屏幕單位尺寸分辨率較高,所以目前手機(jī)上 Android 和 iOS 等系統(tǒng)都只是使用灰度次像素,只有曾經(jīng) Windows phone 7 里使用過(guò) ClearType 。


 彩色次像素的效果是完全依賴特定屏幕的(根據(jù)屏幕子像素排列順序),所以在 PhotoShop 這樣的繪圖工具中都是使用的灰度次像素而不是彩色次像素,因?yàn)橹谱鞒龅膱D片可能會(huì)在各種屏幕中展示,使用彩色次像素在一些屏幕中效果會(huì)很好,而另外的則會(huì)很差。所以使用彩色次像素的都在系統(tǒng)層,而且會(huì)根據(jù)檢測(cè)連接顯示器的型號(hào)或者用戶設(shè)置來(lái)保障效果:

85.png

Windows 顯示設(shè)置里的 ClearType 文本設(shè)置。實(shí)際上就是要你選擇你屏幕的子像素排列順序


Windows 、OS X 字體渲染差異


Windows 和 OS X  的字體渲染差異一直是富有爭(zhēng)議,Windows  和 OS X 的字體渲染完全是從兩種不同的偏好出發(fā)的,  Windows  的字體渲染追求在屏幕上清晰的像素表現(xiàn),而 OS X  追求的是盡可能再現(xiàn)字體本來(lái)的外觀,這兩者的差別在于  Windows 下顯示字體很大程度依賴 hinting(微調(diào))來(lái)進(jìn)行像素對(duì)齊,力求點(diǎn)對(duì)點(diǎn)顯示即使是要改變字體的外形。而  OS X 不依賴 hinting,即使字體顯示到像素不是點(diǎn)對(duì)點(diǎn)而造成模糊,也不愿意改變字體外形。

86.png


可以明顯看到 Windows 下示例字體像素對(duì)齊更清晰、銳利但是代價(jià)是改變了字體筆畫(huà),字體筆畫(huà)變細(xì)了,p 字字碗上提的特征也沒(méi)有了。OS X 下示例字體由于沒(méi)有強(qiáng)制對(duì)齊像素所以邊緣較模糊,但是保留了字體的外形和筆畫(huà)特點(diǎn)。


應(yīng)該說(shuō) OS X 的字體渲染策略在高分辨率的屏幕下效果要比 Windows 更好,不過(guò)在較低低分辨率下, Windows 的字體渲染策略也有其優(yōu)勢(shì),能夠在低分辨率下提高字體的易辨識(shí)度。不過(guò)也有很多問(wèn)題,比如由于過(guò)于追求像素的對(duì)齊,很可能產(chǎn)生破壞性的字形改變:

 87.png


Windows 下字體渲染的問(wèn)題,有的字體的 m 的像素對(duì)齊造成的字形改變過(guò)大

由于現(xiàn)在 Mac 都是高分屏,所以字體渲染比起大多都是低分屏的 Windows  要好的多,不過(guò)要是與高分屏的 Windows 相比,實(shí)際優(yōu)勢(shì)不是特別大。


系統(tǒng)默認(rèn)字體

桌面端

88.png

網(wǎng)頁(yè)端


微軟的網(wǎng)頁(yè)核心(Web core fonts)字體,是微軟在1996年所發(fā)起的一個(gè)計(jì)劃,定義了一套基礎(chǔ)字體集以供網(wǎng)頁(yè)顯示之用,這些字體是 Windows 中會(huì)預(yù)置的字體,而且微軟提供免費(fèi)的下載。這些字體直接使用在網(wǎng)頁(yè)中有很好的通用性。不過(guò)這并不是 W3C 的標(biāo)準(zhǔn),所以也不能保證在不同系統(tǒng)都可用,具體各種字體在不同操作系統(tǒng)中的支持情況可以參考這個(gè)列表:fontmatrix

89.png


移動(dòng)端

90.png

 

 

排版與標(biāo)點(diǎn)


點(diǎn)號(hào)

點(diǎn)號(hào)作為語(yǔ)句的分隔符,表示語(yǔ)句的停頓或結(jié)束。

91.png

標(biāo)號(hào)

標(biāo)號(hào)作為語(yǔ)句的標(biāo)識(shí)符, 起標(biāo)示語(yǔ)句性質(zhì)的作用。

92.png

簡(jiǎn)體中文使雙引號(hào) “” 和單引號(hào) ‘’ ,繁體中文(臺(tái)灣)和日文中相對(duì)應(yīng)的是『』 「」  。簡(jiǎn)體中文中有時(shí)也會(huì)使用 『』 「」,與繁體的區(qū)別是,簡(jiǎn)體中文里嵌套的方法是先雙后單:『「」』   在繁體(臺(tái)灣)和日文中是先單后雙: 「『』」 。在日文中 『』還有書(shū)名號(hào)的作用(日文也有《》二重山括弧,但沒(méi)有固定用途,通常是標(biāo)注漢字的假名),另外繁體(臺(tái)灣)中除了乙類(lèi)書(shū)名號(hào)(《》),甲類(lèi)書(shū)名號(hào)是  ﹏﹏   形式的下劃線。


西文引號(hào)


引號(hào)常見(jiàn)的有  2 種,直引號(hào) "" 和彎引號(hào) “ ”

前者是直引號(hào),是打印機(jī)時(shí)代的產(chǎn)物(可以用一個(gè)鍵表示引號(hào)),通常在傳統(tǒng)印刷領(lǐng)域,使用直引號(hào) "" 會(huì)被當(dāng)做是業(yè)余者的行為。不過(guò)在網(wǎng)絡(luò)時(shí)代,直引號(hào)的廣泛使用,讓人們已經(jīng)習(xí)慣了直引號(hào),甚至由于編程的代碼使用的都是直引號(hào),在要表現(xiàn) IT 技術(shù)的場(chǎng)合往往還會(huì)特意直引號(hào)。

93.png


直引號(hào)用在傳統(tǒng)排版中被稱為 Dumb (呆瓜 )冒號(hào)

 另外要注意的是引號(hào)的方向,在中文和英文中引號(hào)的方向都是朝內(nèi)的:“”,而德文則是朝外的:?Danish“ ,另外法文引號(hào)和中文書(shū)名號(hào)相似: ? fran?ais ? ,德文中也有使用法式引號(hào)的,不過(guò)方向相反:?Danish?


 間隔號(hào)混淆問(wèn)題


間隔號(hào)很容易混淆,簡(jiǎn)體中文中的間隔號(hào)與為 · ,與英文中的一樣如:道格拉斯·理查·郝夫斯臺(tái)特。另外還有全角的間隔號(hào): . 如《禮記.禮運(yùn)》。在臺(tái)灣的標(biāo)準(zhǔn)里所有間隔號(hào)都應(yīng)該是全角的,而中國(guó)大陸的簡(jiǎn)體中文里兩種都可用,而且常常使用的是與英文一樣的半角形式。還有一個(gè)是日文中的“中黑”: ? ,其用法是用作分隔符,用在羅列詞是整體的情況下,如「北京?臺(tái)北間のホットライン電話」


這幾個(gè)間隔號(hào)混淆的問(wèn)題在于驗(yàn)證系統(tǒng),比如驗(yàn)證用戶名是否相同,很可能不同來(lái)源的名稱其實(shí)指的是一個(gè)用戶,只是用不同的系統(tǒng)、輸入法輸下輸入了不同的間隔符,由于中國(guó)少數(shù)民族眾多,名字中帶間隔符的不在少數(shù),所以這是個(gè)值的注意的問(wèn)題。


斜體


斜體在西文中是其強(qiáng)調(diào)的作用,通常表示要強(qiáng)調(diào)、引用的詞,還有書(shū)名號(hào)的作用。由于大部分情況下中文字體都只能用仿斜體,效果很差,所以盡量避免對(duì)中文使用斜體。


中西混排


中西文間隔

中文中出現(xiàn)西文,中文和西文間應(yīng)該要有一定間隔,排版和文字處理工具一般都會(huì)自動(dòng)在中西文間留有間隔,不過(guò)在更多情況下,需要手動(dòng)的輸入空格來(lái)把中、西文隔開(kāi)。


標(biāo)點(diǎn)規(guī)則

在中西混排中,由于正文是中文,原則上應(yīng)該使用中文標(biāo)點(diǎn),遵守中文標(biāo)點(diǎn)的習(xí)慣用法。出現(xiàn)英文原句時(shí),可以使用英文標(biāo)點(diǎn),再用中文引號(hào)標(biāo)識(shí)出來(lái)。


段首空格

按傳統(tǒng)的習(xí)慣,段首應(yīng)該留兩個(gè)空格,作為段與段之間的分隔標(biāo)志,不過(guò)現(xiàn)在數(shù)字排版時(shí)代,已經(jīng)使用了段與段之間的間距很大,已經(jīng)可以作為段與段之間的分隔標(biāo)志了,所以不需要段首空格了。



0
1
分享到:

0

喜歡他,就推薦他上首頁(yè)吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國(guó)家大學(xué)科技園東區(qū)9號(hào)樓2層

版權(quán)信息

  移動(dòng) Android 版 豫 ICP 備16038122號(hào)-2 豫公網(wǎng)安備 41019702002261號(hào)