Posted by Ben C on 10/25/07 21:28

On 2007-10-25, Dylan Parry <usenet@dylanparry.com> wrote:
[...]
> I've actually taken to applying traditional typesetting techniques to my
> online texts and started to write stylesheets working on a baseline with
> text, line-height and margin all relative to each other. It really does
> make text so much more visually appealing and easier on the eye.

So what are good relationships to use between those things?

In CSS "normal" line-height is supposed to be between 1.0 and 1.2 times
font-height (where font-height is distance from ascender to descender,
aka "em-height" I think).

But how this looks depends a lot on the font. In some fonts line spacing
looks quite crunched up at 1.0, but in others too spaced out at
1.1.

When you say margin, do you mean paragraph margin? The default
stylesheet for CSS 2.1 sets 1.12em for some reason.

[Back to original message]