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-spacingPlease consider both paragraph and header text in your answers. Also, any studies on the effectiveness of various ratios or metrics would be very useful.

Answer 1

Best practices for web is to never had your smallest copy under 13px. I never drop below 15px for my smallest body copy. Disclaimers can legally be no smaller than 8px.

Web design is built off of page layout design. Basically, when websites designers used print page layout rules. That is why much of our vocabulary matches that of print design. Remember that your largest sizes will need to fit on small screens (responsive design).