Typography generally refers to font faces, font sizing, and the alignment and spacing of type. As a designer and developer, it's important to consider the readability of text and the visual cues that typographical techniques offer the reader. Typography on the Web involves more than just the six levels of heading elements and default text. With CSS, you have better control over the appearance of your text.

The ability to control typography on the Web is relatively new. HTML was never intended to handle typographical styles, and the font tag and its face, color and size attributes are not only severely limited in their power and flexibility, they're a bad idea altogether. The font tag and its attributes are deprecated in HTML 4.0 in favor of style sheets, although it has taken quite a while for browsers to mature to the point where it's safe to use CSS to control your typography.

Font face and size are the two most fundamental aspects of type. With CSS, you can control the size of your type with the font-size property and specify the font faces you want using the font-family property.

Consider the following guidelines:

1. Choose font colors that work well with any background color present. Make sure the color doesn't strain the eyes.
2. Make sure your font choice(s) are readable and work well in the context of your design.
3. Make sure your text is large enough to be read, but not too large that body text looks bold or looks like a headline.
4. Try to keep the length of text lines narrow enough to encourage the reader to continue . Long lines of text will discourage readers from reading the entire content.
5. Decide how you will use type styles to create emphasis for certain text. ("Headline" fonts might be different than the font used for "copyright." Keep all fonts consistent in their type styles.

For more information please visit: Web Design with Style, Ease, and CSS