LESSON 8

Typography

Learning objective: Control text appearance with typography properties.

Understand

Good typography makes text easy and pleasant to read.

Key properties: font-size, font-weight, line-height, letter-spacing, and text-align. Comfortable line-height and readable sizes matter more than fancy fonts.

Analogy: Typography is like setting the volume and pacing of a voice so it is easy to follow.

See It in Action

Readable body text:

p {
  font-size: 18px;
  line-height: 1.6;
  letter-spacing: 0.2px;
}
How it works: A comfortable size plus generous line-height gives paragraphs room to breathe and improves readability.

Try It Yourself

  1. Set a readable font-size and line-height on paragraphs.
  2. Make headings bolder with font-weight.
  3. Center a title with text-align.

Quick Quiz

Which property controls space between lines of text?

Challenge

Improve the readability of an article with typography settings.

Success condition: Your article text is comfortable to read with tuned size and line-height.