Flash cards
Review the key moves
1/3
Core idea
What is the main idea behind CSS Font Fallbacks?
Lesson checks
Practice each idea before moving on
Short Mimo-style checks built from this lesson's code, terms, and sequence.
1Quick choice
Which statement best captures the main point of this lesson?
2Order
Put the learning moves in the order that makes the concept easiest to apply.
- Serif - Sans-serif - Monospace - Cursive - Fantasy
Below are some commonly used font fallbacks, organized by the 5 generic font families:
Commonly Used Font Fallbacks
Commonly Used Font Fallbacks
Below are some commonly used font fallbacks, organized by the 5 generic font families:
- Serif
- Sans-serif
- Monospace
- Cursive
- Fantasy
Serif Fonts
| font-family | Example text | Code |
|---|---|---|
| "Times New Roman", Times, serif | This is a Heading This is a paragraph. | |
| Georgia, serif | This is a Heading This is a paragraph. | |
| Garamond, serif | This is a Heading This is a paragraph. |
Sans-Serif Fonts
| font-family | Example text | Code |
|---|---|---|
| Arial, Helvetica, sans-serif | This is a Heading This is a paragraph. | |
| Tahoma, Verdana, sans-serif | This is a Heading This is a paragraph. | |
| "Trebuchet MS", Helvetica, sans-serif | This is a Heading This is a paragraph. | |
| Geneva, Verdana, sans-serif | This is a Heading This is a paragraph. |
Monospace Fonts
| font-family | Example text | Code |
|---|---|---|
| "Courier New", Courier, monospace | This is a Heading This is a paragraph. |
Cursive Fonts
| font-family | Example text | Code |
|---|---|---|
| "Brush Script MT", cursive | This is a Heading This is a paragraph. |
Fantasy Fonts
| font-family | Example text | Code |
|---|---|---|
| Copperplate, Papyrus, fantasy | This is a Heading This is a paragraph. |
This is a Heading
Tip
Also check out all available Google Fonts and how to use them.