8 Choosing and working with typography on the web

 

This chapter covers:

  • How to pick a typeface for your project and how to determine whether or not a typeface is good for the web or on a screen
  • What to consider when pairing different kinds of typefaces
  • Working with typography and establishing a type ramp and vertical rhythm to help maintain consistency and flow through a design
  • Typeface readability considerations for accessibility

Typography is one of the most powerful aspects of visual design because depending on the typeface that is chosen, the meaning of the words can change very quickly like in figure 8.1. “I’ll love you forever” takes on a much more sinister meaning with the typeface on the left compared to the one on the right.

Figure 8.1 The meaning of “I’ll love you forever” becomes much more sinister when we change the typeface from a script to a decorative horror themed one.
Description: Text, letter Description automatically generated

8.1 Type Basics

 
 
 

8.1.1 Distinguishing between a “typeface” and a “font”

 
 

8.1.2 Different type classifications

 
 
 
 

8.1.3 Font styles and weights

 
 

8.2 Choosing type for the web

 
 
 

8.2.1 What makes a good web font?

 

8.2.2 How to pair typefaces and fonts

 
 
 

8.2.3 Establishing a type ramp

 
 

8.2.4 Establish a vertical rhythm

 
 
 
 

8.2.5 Ensuring readability

 
 
 
 

8.3 Exercise: Pair the typeface with the mood it conveys

 
 
 

8.4 Summary

 
 
sitemap

Unable to load book!

The book could not be loaded.

(try again in a couple of minutes)

manning.com homepage
test yourself with a liveTest