What's the ideal relationship between line-height, font-size, and paragraph margin?

痴心易碎 提交于 2019-11-29 15:09:16

问题


For a long time I've noticed that adjusting line-height and adding some extra space between paragraphs both relative to the chosen font-size can make a huge impact on the readability of Web site content, but so far I have always selected ad-hoc values for these attributes.

Are there any recommendations in typography, publishing, or psychology literature for how to adjust values for these properties relative to each other?


回答1:


I can't post a detailed answer, I'm afraid, but I'd suggest that you read Tim Brown's article 'More Meaningful Typography', at A List Apart, for guidance.

In essence, it seems that the width ('measure') of a block of text should be around 50-60 characters, the line-height set at 1.5 (without a unit, which will be 1.5 times the font-size, regardless of the units used to set the font-size).

Characters themselves seem to be set around the 16px mark, but Tim suggests using a scale, such as that represented by the Golden Ratio to define the relative font-sizing of headings, body text, captions and so forth.




回答2:


A deep and mathematical answer to your question can be found at "Secret Symphony: The Ultimate Guide to Readable Web Typography": http://www.pearsonified.com/2011/12/golden-ratio-typography.php

The article takes into account three dimensions: line height, font height adn page width (well, text width) and luckily they also provide a useful calculator: Golden Ratio Typography Calculator (http://www.pearsonified.com/typography/)



来源:https://stackoverflow.com/questions/8025266/whats-the-ideal-relationship-between-line-height-font-size-and-paragraph-marg

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!