Loading lesson path

Learn/CSS/CSS Foundations

CSS•CSS Foundations

CSS Font Fallbacks

Concept visual

CSS Font Fallbacks

Graph traversalgraph

current

queued

1

4

Start from A

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.

Try it

Georgia, serif

This is a Heading

This is a paragraph.

Try it

Garamond, serif

This is a Heading

This is a paragraph.

Try it

Sans-Serif Fonts font-family

Example text

Code

Formula

Arial, Helvetica, sans - serif

This is a Heading

This is a paragraph.

Try it

Formula

Tahoma, Verdana, sans - serif

This is a Heading

This is a paragraph.

Try it

Formula

"Trebuchet MS", Helvetica, sans - serif

This is a Heading

This is a paragraph.

Try it

Formula

Geneva, Verdana, sans - serif

Loading lesson path

Learn/CSS/CSS Foundations

CSS•CSS Foundations

CSS Font Fallbacks

Concept visual

CSS Font Fallbacks

Graph traversalgraph

current

queued

1

4

Start from A

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.

Try it

Georgia, serif

This is a Heading

This is a paragraph.

Try it

Garamond, serif

This is a Heading

This is a paragraph.

Try it

Sans-Serif Fonts font-family

Example text

Code

Formula

Arial, Helvetica, sans - serif

This is a Heading

This is a paragraph.

Try it

Formula

Tahoma, Verdana, sans - serif

This is a Heading

This is a paragraph.

Try it

Formula

"Trebuchet MS", Helvetica, sans - serif

This is a Heading

This is a paragraph.

Try it

Formula

Geneva, Verdana, sans - serif