行高,字体大小和段落边距之间的理想关系是什么?

Lam*_*bda 5 html css typography

很长一段时间以来,我注意到line-height在段落之间调整和添加一些相对于所选内容的额外空间font-size会对网站内容的可读性产生巨大影响,但到目前为止,我总是为这些属性选择ad-hoc值.

在排版,出版或心理学文献中是否有关于如何相对于彼此调整这些属性的值的建议?

小智 8

您可以在"秘密交响乐:可读网络排版的终极指南"中找到您的问题的深入和数学答案:http: //www.pearsonified.com/2011/12/golden-ratio-typography.php

本文考虑了三个维度:行高,字体高度和页面宽度(以及文本宽度),幸运的是它们还提供了一个有用的计算器:黄金比例排版计算器(http://www.pearsonified.com/typography/)


Dav*_*mas 6

我不敢发布详细的答案,我很害怕,但我建议你阅读Tim Brown的文章" 更有意义的排版 ",在A List Apart,寻求指导.

实质上,似乎一个文本块的宽度('measure')应该是大约50-60个字符,line-height设置为1.5(没有单位,这将是1.5倍font-size,无论用于设置的单位font-size) .

字符本身似乎是围绕16px标记设置的,但Tim建议使用比例,例如由黄金比例表示的比例来定义标题,正文,字幕等的相对字体大小.