Butterick’s Practical Typography

实用排版手册 Butterick’s Practical Typography

这个网站介绍了关于排版和字体的相关知识，侧重使用和在印刷，网站等产品上的实际体验。内容清晰好读，相比很多复杂云山雾罩的艺术品，这个算是我看到最具有学习效果的材料了。

首先是一个10分钟快速启动。

1. 整个文件或产品效果的好坏往往取决于正文的样式。因为它们是主体部分，占据最多的内容。而决定正文样式的四个主要因素如下：

2. Point size 大小。正文的大小一般印刷品是10-12points，网站15-25像素之间。

3. Line spac­ing 行间距。120%-145%倍字体大小比较合适。默认单倍行距太窄，1.5倍行距又太宽。CSS里用Line-height.

4. Line length 行长度。单行文字块的横向距离。一般在45-90个英文字符每行，或2-3次小写字母表。

5. 最后才是Font choice 字体选择。最快最简单最能带来最佳效果的方法就是不要使用系统字体！而是购买一款专业字体。或者使用其他字体替换掉系统字体。一款专业美观的字体可以给你省去雇设计师的昂贵工资。

这里再简单把他所说的用来替换系统字体的几个方案介绍下，因为确实可以在做PPT和其他文档是可以简单有效的应用起来。

至于为什么不用系统字体，并不仅仅是因为有创意，比如系统字体是为屏幕显示设计而非印刷设计，因此如果你设计印刷品那么就应该避免。还有Windows自带的Ar­ial是Hel­vetica山寨品等等，其他原因都在文中有提及。

原则如下：

• 从A List中选择适合印刷的字体。

• 从A,B,C List中选择适合用于屏幕显示的字体，比如网站，演示文档等

• 远离F List！

• 标★的是适合正文使用的字体。

The A list: Gen­er­ally tol­er­a­ble

Avenir (Mac) ★
Baskerville (Mac) ★
Bell MT ★
Cal­i­forn­ian FB ★
Cal­isto MT ★
Cen­tury School­book ★
Franklin Gothic ★
Gara­mond ★
Gill Sans ★
Gill Sans MT ★
Goudy Old Style ★
Hoe­fler Text ★
Op­tima ★

The B list: OK in lim­ited doses

Agency FB
Big Caslon
Bodoni MT
Book An­ti­qua ★
Cal­ibri ★
Can­dara ★
Cen­taur
Cochin
Con­stan­tia
Cor­bel
Di­dot
Eras Medium ITC
Fu­tura ★
Geneva
Glouces­ter MT Ex­tra Cond.
Hel­vetica ★
Hel­vetica Neue ★
High Tower Text ★
Mod­ern No. 20
Palatino ★
Per­petua ★
Rock­well
Se­goe UI ★
Tw Cen MT ★

The C list: Ques­tion­able

An­dale Mono
Baskerville Old Face
Berlin Sans FB
Bernard MT Con­densed
Bri­tan­nic Bold
Cam­bria ★
Castel­lar
Cen­tury
Cen­tury Gothic
Con­so­las
Cooper Black
Cop­per­plate
Cop­per­plate Gothic
Courier
Courier New
Ele­phant
En­gravers MT
Fe­lix Ti­tling
Foot­light MT Light
Geor­gia
Goudy Stout
Haet­ten­schweiler
Im­pact
Lu­cida (all styles)
Ma­ian­dra GD
Monaco
Ni­a­gara Solid & En­graved
Onyx
Plan­ta­genet Chero­kee
Poor Richard
Skia
Times New Ro­man ★
Wide Latin

The F list: Fa­tal to your cred­i­bil­ity

Al­ger­ian
Amer­i­can Type­writer
Ap­ple Chancery
Ar­ial (all styles)
Bauhaus 93
Black­ad­der ITC
Bradley Hand ITC
Broad­way
Brush Script MT
Book­man Old Style
Chalk­board
Chiller
Colonna MT
Comic Sans MS
Curlz MT
Ed­war­dian Script ITC
Forte
Freestyle Script
French Script MT
Gabri­ola
Gigi
Har­low Solid Italic
Har­ring­ton
Her­cu­lanum
Im­print MT Shadow
In­for­mal Ro­man
Jok­er­man
Juice ITC
Kris­ten ITC
Kun­stler Script
Mag­neto
Marker Felt
Matura MT Script Cap­i­tals
Mis­tral
Mono­type Cor­siva
OCR A Ex­tended
Old Eng­lish Text MT
Palace Script MT
Pa­pyrus
Parch­ment
Play­bill
Pristina
Rage Italic
Ravie
Script MT Bold
Snap ITC
Sten­cil
Show­card Gothic
Tahoma
Tem­pus Sans ITC
Tre­buchet MS
Ver­dana
Viner Hand ITC
Vi­valdi
Vladimir Script
Zapfino