Learn
CSS Typography
Serif and Sans Serif

You’ve learned a lot of properties to modify text on a web page!

In the next exercise, you’ll set some text to be serif and some text to be sans-serif. What exactly do these words mean?

  1. Serif — fonts that have extra details on the ends of each letter. Examples include fonts like Times New Roman or Georgia, among others.

  2. Sans-Serif — fonts that do not have extra details on the ends of each letter. Instead, letters have straight, flat edges, like Arial or Helvetica.

Instructions

Notice the difference between serif fonts and sans-serif fonts in the diagram to the right. When you’re done, proceed to the next exercise.

Folder Icon

Take this course for free

Already have an account?