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?
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-heightset at1.5(without a unit, which will be 1.5 times thefont-size, regardless of the units used to set thefont-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.