Lesson 5: Typography in Product Design
Article 1: Interactive Guide to Blog Typography
布局（Layout）
用空白（white space）突出内容，或者说使用大量空白（empty space）使内容看起来框架清晰。
不要有太多分散注意力的东西，特别是侧边栏（sidebar）中的文本。
尺寸（Measure）
一行多少个字母（不是汉字）？大概 50～80 个会有最好的可读性，太多的话换行的时候就瞎了。
行高（Line Height）
对于正文来说，字体高度的 1.5 倍是个不错的起始值。
行的长度越长，需要对应的行高越高。因为越长越难找到下行的开头，用大行高来抵消这种影响。
视觉层级（Visual Hierarchy）
一篇文章或者随便什么内容，都可以划分出不同重要程度。视觉层级就是划分出的重要程度的体现。
没有一个清晰的视觉结构，读者很难阅读你的东西，想快速浏览就更难了。有些人只想读一部分内容，没测次不好找。
Blog 中想要有个清晰的层级最容易的方法是使标题、副标题、正文有个合适的对比。
标题（title）
（标题可能折行，行距）使用比正文（1.5倍）小的行距，“我”用 1.1倍。
段落（Paragraph）
浏览器默认在一块文字顶部和底部添加间距，表示这是一个段落。想与众不同可以使用缩进表示段落（indented paragraph）。
字体（Fonts）
你可以只用一种字体，前提是这字体有足够多的字重可用。
还有种常见做法是，用两种字体，一个做标题，一个做正文。这么做要保证两个字体有足够明显的对比，或者直接用一对 无衬线／衬线 字体。
千万别超过两种字体，除非你知道你在干什么……