
Although at first, from a nondesigner’s perspective, typography seems like a small field, it is actually a very extensive part of design; one that can be applied to many others. In order to apply typography to web design, you must understand some fundamental concepts.
“Text will inevitably be read before it is looked at” – Reading Design, Dean Allen
In web design, particularly content-based web design, good typography mostly comes down to what maximizes readability (and doesn’t detract from quality). With cascading style sheets for fourth generation browsers, designers have many options in implementing typography, making it important to understand what to look for.
Fundamentals of Readability
Size and Hierarchy
Starting with your main body of text, understand that you must have a font size larger than 10pt. While it looks stylishly minimalistic for someone with perfect vision, it is hard to read with weaker eyes. Also, with long articles, having a larger font (and line height) makes it easier to keep track of your place, as well as read from a distance (if a reader wants to lean back in a chair).
Size also plays an important role in hierarchy. Unfortunately, with web design, it is difficult to have much control of in line spacing elements to emphasize hierarchy, as well as control emphasis. This means, hierarchy is mainly controlled by size (and font choice, if you are willing to give different font choices to different headers).
In this example, we see that, with only size being change, hierarchy can easily be distinguished.
Emphasis
Emphasis and de-emphasis are both relative in web design…