Chapter 8 — Typography and Visual Presentation

Add font stacks, inheritance, inline accents, image backgrounds, overlays, and background sizing.

New concepts

Web and local fonts, font inheritance, inline spans, image backgrounds, cover versus contain, readable overlays, and visual attribution.

Read the Phase 6 gauge

What changed?

The earlier structural and sizing tools now support stronger visual communication. Presentation still serves readable, meaningful HTML rather than replacing it.

Lessons

  1. 1. Photo landing page
  2. 2. Typography and inheritance
  3. 3. Motion media board
  4. 4. Event poster and local font
  5. 5. Background-size studio

Checkpoint

Create a readable image hero. Include a fallback colour, a contrast overlay, an appropriate font stack, and image attribution.