Stroke contrast
Stroke contrast is the difference in thickness between the thinnest and thickest strokes within a typeface.
Web Design Playground
The difference in thickness between the thinnest and thickest strokes within a typeface.
- How it is used
- Guides typeface choices for readable portfolio text on small screens.
- How deep it goes
- Defines low contrast as minimal thin-to-thick variation and stops short of explaining letterform construction.
- Examples
- Uses Playfair Display, Open Sans, and a figure of small-screen typeface criteria.
- What you can do after
- Evaluate typefaces for small-screen readability and harmonious pairing.
Web Design Playground, Second Edition
Stroke contrast is the difference in thickness between the thinnest and thickest strokes of a typeface.
- How it is used
- Guides typeface selection for readable portfolio pages and other small-screen text.
- How deep it goes
- Defines stroke contrast and explains its readability effect, but does not examine typographic construction or measurement.
- Examples
- Uses small-screen typeface selection, font pairing, and Figure 20.2 as concrete reference points.
- What you can do after
- Evaluate typefaces for low stroke contrast and compare their legibility characteristics when pairing fonts.
Read how Web Design Playground, Second Edition explains stroke contrast →
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.