Everyone visiting your Web site is a reader and responds instinctively to words set in type. The consistent use of type provides valuable information cues to the reader, and recent innovations provide powerful tools for working with type. Until recently, Web typography meant having to use too many <font> tags and lots of text as graphics. Today, Cascading Style Sheets offer a potent design language, allowing you to manipulate a variety of text properties to achieve professional, effective results, all without resorting to graphics that add download time.
When you complete this chapter, you will be able to:
- Understand principles for type design on a Web site
- Control typography with the <font> element
- Control typography with Cascading Style Sheets (CSS)
- Understand the basics of CSS and its selection techniques
- Specify CSS font properties and block-level space values
- Build a style sheet
Figure 6-3: Common Web Font Families
Figure 6-4: Text Formatted with the <Font> Element
Figure 6-8: 1.5em Arial
Figure 6-9: 1.5em Arial Bold
Figure 6-10: 1.5em Arial Bold with Leading
Figure 6-11: Two Points of Letter Spacing
Figure 6-12: 24-Point Text Indent
Figure 6-13: Reversed Text
Microsoft Web Fonts
Web Style Guide - Typography
WebReview CSS Comparison Chart
Download the file camelot.htm to work on the "Creating a Page Template" project starting on page 188.
Top
Home
