不只是行距，字級(jí)也是個(gè)問(wèn)題。但我沒(méi)辦法告訴你字級(jí)要多大才正確，畢竟現(xiàn)在屏幕尺寸與DPI差距頗大，但絕對(duì)不能以排英文的方式來(lái)排中文?；畎鏁r(shí)代，內(nèi)文常用的字級(jí)有兩種，一種是五號(hào)字，就是10.5pt（3.7mm），另一種是新五號(hào)，就是9pt（3.18mm）。7內(nèi)文字盡量不要小于9pt。這里請(qǐng)以適當(dāng)?shù)拇笮∽孕杏?jì)算，畢竟屏幕與書(shū)籍是不同的。

但是行距有著正確的數(shù)字，一般而言中文行距介于1.5到2em之間，通常只要指定：

p {line-height: 1.7em;}

就能得到適當(dāng)?shù)男芯唷?/p>

四、對(duì)齊是萬(wàn)靈丹

傳統(tǒng)中文活版這張圖片是古老的中文活字印刷版，從這里可以顯現(xiàn)出重要的中文排版原則：所有的元素都是正方體。

但是從二十世紀(jì)開(kāi)始使用標(biāo)點(diǎn)后，到了現(xiàn)代桌面版時(shí)代，許多排版工具軟件都直接套用來(lái)自日本的「禁則處理」—即避頭尾點(diǎn)；加上與西方文字混排的狀況越來(lái)越多，以至于無(wú)法做到縱橫對(duì)齊的基礎(chǔ)。但是至少段落的頭尾還是需要對(duì)齊。這就是為什么對(duì)齊對(duì)電子書(shū)與長(zhǎng)文章來(lái)說(shuō)十分重要的原因。

你可以使用以下CSS：

p { text-align: justify; 
    text-justify: ideographic;}

這能讓中文排版瞬間變得美觀(guān)許多。

五、沒(méi)有斜體

中文的書(shū)寫(xiě)、印刷歷史中，「斜體」從來(lái)都不存在。拉丁文字中所稱(chēng)的「italic」主要是指「手寫(xiě)體」8，但在中文傳統(tǒng)中，手寫(xiě)體就是書(shū)法字，更貼近「Cursive」的定義，無(wú)論楷書(shū)、行書(shū)、草書(shū)都該屬于這類(lèi)別。

于右任草書(shū)但到了數(shù)字時(shí)代，硬套用拉丁文字的italic到中文上才開(kāi)始出現(xiàn)了斜體字，這斜體字稱(chēng)為oblique，也就是強(qiáng)制轉(zhuǎn)斜。這并不是個(gè)好作法。但在HTML中，有許多標(biāo)簽?zāi)J(rèn)就會(huì)強(qiáng)制把字轉(zhuǎn)斜，若發(fā)生這種狀況，就會(huì)需要利用CSS來(lái)更正：

em { font-style: normal; }

若你要使用<em>強(qiáng)調(diào)單字時(shí)，可以加粗、改成黑體、加底線(xiàn)或強(qiáng)調(diào)點(diǎn)，但就是不應(yīng)該用斜體。

六、段落區(qū)隔

段落區(qū)隔對(duì)于中文而言相當(dāng)重要，有著兩種方法：

1. 如書(shū)的呈現(xiàn)

中文的印刷書(shū)一般段落之間除非有其用意，不然不會(huì)加入空行或者間隔來(lái)區(qū)分段落，而是使用兩個(gè)全角空白（雜志等窄欄時(shí)使用一個(gè)）來(lái)縮排做出段落區(qū)隔。在分頁(yè)的情形下，可以在換頁(yè)時(shí)也能輕易地看出段落區(qū)隔，CSS的寫(xiě)法是：

p { margin: 0; 
    text-indent: 2em;}

日本電子書(shū)業(yè)界則是常用全角空白（U+3000, ideographic space）來(lái)取代text-indent。這可以避免在不同環(huán)境下都能有相同的表現(xiàn)，并且對(duì)齊得更適當(dāng)。遇到一些閱讀工具，像是Safari瀏覽器的閱讀器時(shí)，也不會(huì)因?yàn)镃SS被取代而讓縮排消失，這種方法可以保持。9

2. 如網(wǎng)頁(yè)的呈現(xiàn)

但人們?cè)诰W(wǎng)頁(yè)上閱讀速度較快，如書(shū)般的版面會(huì)讓字排得過(guò)于密集產(chǎn)生壓力，通常使用margin-after（或margin-bottom）來(lái)區(qū)分：

p { margin-after: 0.5em;}

雖然段落間要以多少空白區(qū)分沒(méi)有定論，但建議介于0.5到1em間，不要加入太多空白為佳。10

七、楷體更像書(shū)

一般中文內(nèi)文常用serif字體，像是明/宋體。雖然sans-serif字體更現(xiàn)代，但在印刷書(shū)的世界里，卻鮮少看到。11

傳統(tǒng)印刷書(shū)使用楷體的狀況

出處：大塊文化《葉嘉瑩作品集》而一般中文印刷書(shū)中的：摘要、摘句、引言、對(duì)話(huà)、獨(dú)白、詩(shī)詞等，都會(huì)使用楷體來(lái)表示。所以若要讓文章讀起來(lái)更像印刷書(shū)，使用楷體會(huì)是不錯(cuò)的辦法。

當(dāng)然啦，使用黑體也是能令人接受的。

八、避頭點(diǎn) v.s. Break-all

對(duì)齊（Justification）是讓文章符合中文排版原則的數(shù)字解決之道，但這方法不是時(shí)時(shí)完美。有一個(gè)簡(jiǎn)單能夠重現(xiàn)的問(wèn)題：

Break-all強(qiáng)制對(duì)齊

1.在雜志排版的窄欄，或者手機(jī)屏幕上；

2.在中文字中有著一個(gè)或多個(gè)長(zhǎng)的拉丁字；

3.使用對(duì)齊。

就會(huì)看到如圖中的樣貌，字距被強(qiáng)制擴(kuò)展，甚至超過(guò)一個(gè)字。這不僅出現(xiàn)在瀏覽器上，桌面排版工具亦然。

有個(gè)簡(jiǎn)單的處理方法，只要加上：

p { word-break: break-all; }

就能改善許多。但這種做法會(huì)讓西方文字被強(qiáng)制切斷，不甚完美。同時(shí)也會(huì)無(wú)視避頭點(diǎn)規(guī)則，讓逗號(hào)、句號(hào)出現(xiàn)在行頭，繁體中文可以接受，但不能用于簡(jiǎn)體。

為什么？因?yàn)楹?jiǎn)體中文的標(biāo)點(diǎn)如日文一般位于左下角，當(dāng)他們出現(xiàn)于行頭時(shí)會(huì)顯得極為奇怪。但位于中央的繁體中文標(biāo)點(diǎn)卻還可以接受。

九、注意字距

對(duì)于中文文章的內(nèi)文而言，你不需要調(diào)整字距。有些香港的網(wǎng)站會(huì)為文章加上字距，但絕對(duì)不是好的做法。

增加字距會(huì)讓讀者無(wú)法確認(rèn)行文方向?yàn)槭裁?？別忘了中文是雙向文字，你可以由上往下讀，也可以由左向右讀。行距是提供讀者行文方向的重要依據(jù)，若你加上字距，就得加大行距，最后讓文章變得不能閱讀。當(dāng)然不會(huì)加字距加得那么夸張，但為了提供易讀性，請(qǐng)讓字距保持為0。請(qǐng)記得：

不要調(diào)整內(nèi)文的字距，但標(biāo)題可以變動(dòng)。12

十、繁轉(zhuǎn)簡(jiǎn)沒(méi)問(wèn)題，簡(jiǎn)轉(zhuǎn)繁不ok

簡(jiǎn)繁常用字的對(duì)應(yīng)表這是簡(jiǎn)體與繁體中文常用字的對(duì)應(yīng)表。雖然簡(jiǎn)體與繁體許多字并不使用相同的碼位，但大多數(shù)的轉(zhuǎn)換工具都能透過(guò)對(duì)應(yīng)表來(lái)簡(jiǎn)單匹配。

不過(guò)問(wèn)題來(lái)了，這表格中最大的問(wèn)題就是那267個(gè)一簡(jiǎn)多繁的字。在轉(zhuǎn)換時(shí)若不使用字典作為輔助工具，就會(huì)出現(xiàn)很大的問(wèn)題，像是：

• 繁→簡(jiǎn)：皇后、后世→皇后、后世（?）
• 簡(jiǎn)→繁：皇后、后世→皇后、后世（×）
• 繁→簡(jiǎn)：呂布→呂布（?）
• 簡(jiǎn)→繁：呂布→呂布（×）

所以，簡(jiǎn)轉(zhuǎn)繁，不校不行。13

以上就是簡(jiǎn)單的排版作法，花不上太多時(shí)間就能讓文章排得易于閱讀，不妨一試。
補(bǔ)充說(shuō)明：本文中未提及中文與拉丁文字混排時(shí)的間距問(wèn)題。目前技術(shù)上還未能有最佳處理方法，待日后再提及。14

注釋

1. 當(dāng)ISO 10646在1990年初期規(guī)劃時(shí)，因?yàn)椴捎?6位編碼，僅有65,536個(gè)碼位（Codepoint），自然無(wú)法容納全部的漢字，于是第一版將中、日、韓文中類(lèi)似的漢字納于同樣的碼位，不會(huì)因?yàn)榈貐^(qū)的字型差而分離，之后擴(kuò)充時(shí)才逐漸分離。 
   
2. 因?yàn)樽中闻c字型口語(yǔ)上容易搞混，我個(gè)人倡議將描述字長(zhǎng)得怎么樣、筆畫(huà)怎么寫(xiě)的「Glyph」稱(chēng)為「字貌」。 
   
3. 例如日文僅會(huì)按照印刷需求制作Adobe Japan 1–6的漢字，繁體中文一般為BIG 5碼基準(zhǔn)，部分會(huì)擴(kuò)張到Unicode 3.0標(biāo)準(zhǔn)，含CJK Ext-A在內(nèi)約三萬(wàn)字。
   
4. 例如有些常出現(xiàn)英文段落的論文或者技術(shù)文章，為求標(biāo)點(diǎn)一致，會(huì)全部使用半角的標(biāo)點(diǎn)。
5. 中文印刷書(shū)早期的標(biāo)點(diǎn)多至于內(nèi)文行側(cè)，如過(guò)去句讀般。但新青年雜志在1919年倡議使用新式標(biāo)點(diǎn)時(shí)，就已經(jīng)將標(biāo)點(diǎn)置中了。也有作家認(rèn)為標(biāo)點(diǎn)應(yīng)該留下中文句讀的傳統(tǒng)，如日文一般直排置于旁側(cè)，那人就是李敖。不過(guò)這些論點(diǎn)主要還是直排書(shū)的標(biāo)點(diǎn)應(yīng)用。至于橫排，書(shū)寫(xiě)文字時(shí)，大多數(shù)的人會(huì)將標(biāo)點(diǎn)寫(xiě)在下方，但印刷書(shū)還是置于中央。內(nèi)容要使用哪一種標(biāo)點(diǎn)，我覺(jué)得應(yīng)該讓設(shè)計(jì)者自行決定。CSS里可以使用@font-face的unicode-range來(lái)指定另一種字型的標(biāo)點(diǎn)。但我認(rèn)為，在一篇文章中，標(biāo)點(diǎn)位置需要一致，一段左下、一段置中會(huì)顯得相當(dāng)奇怪。
6. 例如微軟正黑體在Windows Vista后才有，宋體繁在OS X Maverick后才有得用。 
   
7. 早期書(shū)籍常用五號(hào)字，但后來(lái)受到報(bào)紙影響，逐漸改用新五號(hào)字?，F(xiàn)在市面上的印刷書(shū)少見(jiàn)五號(hào)字，不過(guò)9pt的新五號(hào)字實(shí)在太小不易閱讀，在數(shù)字環(huán)境下，我建議放大些，別讓人們讀得太痛苦。
8. 在日本曾有這樣的討論，若要把italic的定義套用到漢字上，該怎么處理？他們認(rèn)為明朝體（即中文的宋/明體）的italic應(yīng)該是宋朝體（即中文的仿宋體），這可以透過(guò)@font-face指定辦到。但多數(shù)的系統(tǒng)沒(méi)有仿宋體，需要另外嵌入。
9. 但請(qǐng)注意，不要用了兩個(gè)全角空白又用text-indent，這會(huì)讓段首退后四字，顯然太多了！ 
   
10. 寫(xiě)作時(shí)也需注意，有時(shí)作者會(huì)自己加入空行作為段落區(qū)隔，但在發(fā)表時(shí)空行會(huì)轉(zhuǎn)換成<br>換行標(biāo)簽，造成段落中額外的空白，這是多余的。
11. 我相信這段陳述會(huì)引起相當(dāng)?shù)霓q論。但不可否認(rèn)地在印刷書(shū)的世界，內(nèi)文字就應(yīng)該是明/宋體。中文在數(shù)字的世界里并不順?biāo)?，過(guò)去二、三十多年來(lái)遇到屏幕質(zhì)量、描繪技術(shù)、字型技術(shù)等問(wèn)題，加上漢字?jǐn)?shù)量多，有得用就不錯(cuò)了。所以人們一直認(rèn)為新細(xì)明體丑、標(biāo)楷體死板。加上行動(dòng)裝置多半只有黑體可用，造成黑體在數(shù)字的世界里用得過(guò)于泛濫。我覺(jué)得在現(xiàn)在環(huán)境成熟下，應(yīng)該回到傳統(tǒng)，重新利用明/宋體做些排版的實(shí)踐/實(shí)驗(yàn)。
12. 英文排版學(xué)中有個(gè)術(shù)語(yǔ)叫做「Kerning」，日文有相對(duì)的詞匯叫做「文字詰め」，但中文沒(méi)有適當(dāng)?shù)膶?duì)應(yīng)術(shù)語(yǔ)。中文手寫(xiě)上當(dāng)然不會(huì)字字對(duì)齊，但印刷上始終如此。我個(gè)人認(rèn)為迄今中文排版不應(yīng)該做任何字距的調(diào)整，但平面設(shè)計(jì)、標(biāo)語(yǔ)設(shè)計(jì)與標(biāo)題等可自由發(fā)揮。
    
13. 這一段主要是講給老外聽(tīng)的。但有朋友提供了開(kāi)放中文轉(zhuǎn)換的開(kāi)源工具，不妨一試。 ?
14. 目前文字間距在技術(shù)上還沒(méi)有最佳的解法，像是Unicode里定義了好幾種寬度的空白，但不是每套字都實(shí)作了，所以并非好的解法。而使用Javascript等自動(dòng)加入，或者在撰寫(xiě)文章時(shí)手動(dòng)加入空白也并非好的方法?，F(xiàn)階段CSS Text Level 4的Propertytext-spacing里有一項(xiàng)ideographic-alpha就是用來(lái)加入1/4em空白的值，但1/4em空白是日文自活字印刷以來(lái)的標(biāo)準(zhǔn)，中文需要怎么樣的處理，還需要另外想想。但總之，到實(shí)作為止還需要一段時(shí)間。至少，我不建議手動(dòng)加入空白。