What are standard ratios for typography on the web?

Question

In laying out a web design, I often try to make sure that my typography is proportional and consistent. However, I haven't been able to find any definitive articles or resources on what ratios and sizes should be used. Specifically, what are the recommended or standard practices for: - Font-size - Line-height - Line-width - Line-spacing. Curious about both paragraph and header text. Also, any studies on the effectiveness of various ratios or metrics would be very useful.

Answer 1

I do not believe there is are "standard" ratios, but there are certainly recommend or standard practices or some aspects to keep in mind, such as

1. Font-size
2. Line-height
3. Line-width
4. Line-spacing

With that being said, you also want to consider if your website is text-heavy or interactive heavy. I won't go into detail at this time, but I certainly can in the future if you wish. Another unwritten rule to remember is use as few font sizes as possible. One of the single biggest typographical mistakes from beginning UI designers is to use too many font sizes. Even the most interaction-heavy pages can typically look just fine without about 4 font sizes in total.