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

时间:2011-11-06 04:48:43

标签: html typography css

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

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

2 个答案:

答案 0 :(得分:8)

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

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

答案 1 :(得分:6)

我不敢发布详细的答案,我担心,但我建议您在Tim Brown阅读More Meaningful Typography的文章“A List Apart”,以获得指导

从本质上讲,文本块的宽度('度量')似乎应该在50-60个字符左右,line-height设置为1.5(没有单位,这将是无论用于设置font-size的单位如何,都是font-size的1.5倍。

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