Typography - Getting The Hang Of Typography

(lu) #1
1 p {

(^2) font-size: 10px;
(^3) max-width: 300px;
4 }
I՚m using px because it makes the math easier but this also works with em.


2. Leading


Leading is the space between the lines of type in a body of copy that plays
a big role in readability. Correctly spaced lines make it easier for a reader to
follow the type and improves the overall appearance of the text. Leading
also alters typographic color, which is the density or tone of a composition.


Many factors affect leading: typeface, type size, weight, case, measure, word
spacing, etc. The longer the measure, the more leading is needed. Also, the
larger the type size, the less leading is required.


A good rule is to set the leading 2 to 5pt larger than the type size,
depending on the typeface. So if you set the type at 12pt, a 15pt or 16pt
leading should work well on the web.

Free download pdf