From the course: Choosing and Using Web Fonts
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Understanding what to look for when pairing fonts
From the course: Choosing and Using Web Fonts
Understanding what to look for when pairing fonts
The trick to choosing two fonts to pair with one another is to choose fonts that have both concord and contrast. Concord means the fonts are in harmony with one another, they have some physical feature in common. Contrast means the fonts have physical features that are different from each other, they aren't too similar. If fonts are too similar it's almost like wearing two colors that don't quite match, it's disconcerting. They look like they should be the same and it's difficult to appreciate their differences. If the fonts have too much contrast, it's like wearing two colors that clash. Physical features to consider when picking fonts are Structure. Do they have a similar bowl shape? Do they have a similar aperture? What about their stress, their x-height, do they feel Humanist, Transitional, Geometric? We also look at Serifs. Do they both have Serifs? If so, what kind of Serifs do they have? Are they both Sans Serif? We also look at line weight. Do they have a similar line weight…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Understanding what to look for when pairing fonts6m 58s
-
Using one font for headings and another for text6m 6s
-
Using different fonts for different kinds of information on the page8m 38s
-
Mixing and matching fonts within text3m 48s
-
Looking at how using two fonts affects the look and feel of a web page7m 32s
-
-
-
-
-
-