Base line for size, line height and padding

HTML & CSS
1

Hi,

I have been always straggling with size, line height and padding between headings and paragraphs. What I have been doing is basically going by how it looks but I would like to have a base line that I can always use as reference or starting point.

I know it depends on the design and the type of font you are using but is there a base line or a rule of thumb that I could use to determine the size, line height and padding for my paragraphs and heading?

Thanks a lot

2

Hi,

I don’t quite subscribe to the idea of having absolute rules in such matters because, as you say, there are so many factors that play into it.

For what it’s worth, you may like the typographic conventions denoted here: http://webtypography.net/Rhythm_and_Proportion/Vertical_Motion/2.2.1/

The site offers a lot of good information on basic typographic rules you can adhere to: http://webtypography.net

Oh, the author uses pt as a unit which isn’t optimal for the web, but the calculations can be applied to any other unit.

3

Thanks a lot for the link, I will take a look.