Higher-contrast typefaces tend to be useful in small bursts or headlines, because the extreme variation in stroke width is burdensome in long text. 高對比度文字不適合長文被去，更適合標(biāo)題什么的诵原。高對比度指筆畫粗細(xì)不一，字母間距和字母內(nèi)部空白不一致性芬。

多數(shù)用作長文閱讀的字體擁有 medium 或者 low 對比度偏窝。提供了一種穩(wěn)定的視覺效果钢坦。

太低的對比度也不好兔港。字母可能不容易辨認(rèn)。降低了可讀性范舀。比如 Helvetica合是。

low x-height 提高了大小寫字母之間的對比度。

當(dāng)用作文本的時候锭环，high x-height 更加適合聪全。more space for the letterform means more information to help the reader。

x-height 太高也不好辅辩。某些字母可能難以辨認(rèn)难礼。比如 a 和 d，n 和 h玫锋。

大寫數(shù)字可能太引人矚目蛾茉。在文本中，小寫數(shù)字更加 fit in撩鹿。

Curly quotes 是正確的用法谦炬。Dumb quotes 是不專業(yè)的，丑的三痰。

Helvetica 的特點：筆畫粗細(xì)對比度低吧寺，基本上一樣粗窜管。較高的 x-height散劫。字母由基本幾何圖形組成。The aperture, or openings inside of the letters, are nearly closed幕帆。筆畫末尾是直角获搏。

Helvetica 的適用度：Helvetica 非常的 clear 和 geometric，但是不是在任何情況下都易讀的。由于字母的 variation 很小常熙，很容易混淆纬乍。不適合小字號或者長文。

Georgia 的特點：筆畫粗細(xì)對比度適中裸卫。It has a generous x-height, counters, and spacing across letters; It has some sharp and pointy angles; It has beefy, almost slab-like serifs.

Georgia 的適用度：間距不緊湊仿贬，x-height 高，筆畫粗細(xì)對比度低墓贿，適合長文閱讀茧泪。

字體選擇分為兩大類：type for a moment and type to live with。前者可以夸張聋袋，醒目队伟，用作標(biāo)題什么的，一時的幽勒。后者是適用于長文閱讀的嗜侮，要讓人忘記字體的存在，可以舒適的閱讀啥容。

Futura 用作標(biāo)題很好锈颗，用作小字號的正文就可能不容易辨認(rèn)。a 和 o 很像咪惠，間距太緊宜猜，x-height 太小。

長文閱讀的字體不能要有太多的個性硝逢。

長文閱讀的字體要求：足夠的 x-height姨拥；低或者中度對比度；字母要看得清渠鸽，可區(qū)分叫乌。

Gill Sans 的1，l徽缚，和 大寫 i 傻傻分不清憨奸。（1lI）

選擇字體前先問問自己，這個網(wǎng)站要表達什么情緒凿试。

當(dāng)心免費字體排宰。免費字體常常字庫不全。

寫一份自己的常用字體 list

字體搭配最簡單辦法就是一個 serif 和一個 sans serif那婉。

搭配的原則：distinction 和 harmony

可以嘗試用同一款字體的 serif 和 sans serif板甘。

可以嘗試用同一個設(shè)計師創(chuàng)造的兩種不同字體。有區(qū)別又有相似性详炬。

一行文字比較長的話盐类，行間距要稍微大一些來提高可讀性。

line-height 很重要，對于 responsive website 來說在跳。屏幕尺寸改變枪萄，行長度改變，行間距也要適當(dāng)調(diào)整猫妙。

比較合適的行間距是 1.2 - 1.8瓷翻。

段落之間如果用空白行來區(qū)分，空白行大小應(yīng)該和字體一樣或者稍微小一點割坠。

用作標(biāo)題的字體為了避免換行逻悠，可以選擇間距緊湊的字體。比如用sans serif 是個很好的方法韭脊。

對于大字號標(biāo)題童谒，可以用插件實現(xiàn)在不同尺寸屏幕上的合適換行。

sans serif 很適合做 UI沪羔。放到 button 上面饥伊。Because they can be set smaller and a little tighter than serifs.

字體顏色（灰度）比較淺的需要 tighter line-height。

好的 typography 在于留白蔫饰。

At least around 1.5 - 2 ems of margin.

黃金比例來進行網(wǎng)頁布局琅豆。斐波那契數(shù)列。1篓吁，1茫因，2，3杖剪，5冻押，8，13盛嘿，21洛巢，34，55次兆，89稿茉，144，233芥炭，377漓库，610，987园蝠。渺蒿。。砰琢。蘸嘶。type is 13 px, headings at 34 px. 987 as layout width, with a main column of 610 px and a side bar of 377 px.