Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

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

Please consider both paragraph and header text in your answers. Also, any studies on the effectiveness of various ratios or metrics would be very useful.

share|improve this question

1 Answer 1

Robert Bringhurst's Elements of Typographic Style is a thorough and wonderful reference for things like this. It's long but very valuable.

A lot of designers recommend a standard grid of lines so that a line+padding will always fit within, say, 16 pixels. So anything less than that would have a line height of 16, everything above that would have line height 32.

The ideal length of a line for reading text is held to be 45 characters by some and 55-75 by other sources.

There is some common averages of websites here: Typographic Design Patterns and Best Practices

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.