Table of Contents
Chapter 7 - Web Typography
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 tags and lots of text as graphics. Today, Cascading Style Sheets offers a potent style 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:
Figure 7-3: Common Web font families
Individual Case Project
Design the type hierarchy for your Case Project Web site. Create a type specification HTML page that shows examples of the different typefaces and sizes and how they will be used. This can be a mock-up page that uses generic content but demonstrates the overall typographic scheme.
Consider the following questions:
Team Case Project
Revisit your project proposal and the page templates you created in Chapter 5. Each team member has been responsible for individual templates, such as the home page template, the section page template, and the article level page template. Each team member will now hand off the page template that he or she has been working on to another member of the team. This will give you a chance to work with code created by someone else, a situation you will commonly encounter in Web design.
Now that you are reviewing each other's coding work, perform a quality check to ensure your coding is consistent and standards-based. Are you following the correct syntax and file naming conventions? Do all pages contain comments to describe the code?
Working with your new page template, design a few mock-up pages with your ideas for font styles, sizes, and other text conventions. Consider the following questions:
Meet as a group to determine the typographic conventions for your Web site. Create final page mockups that use generic content to demonstrate the overall typographic scheme for the Web site.