CSS Font Fallbacks

< 1 min read

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
Arial, Helvetica, sans-serif

This is a Heading #

This is a paragraph.

Try it
Tahoma, Verdana, sans-serif

This is a Heading #

This is a paragraph.

Try it
“Trebuchet MS”, Helvetica, sans-serif

This is a Heading #

This is a paragraph.

Try it
Georgia, 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.

Try it

  #

Cursive Fonts #

font-family Example text Code
“Brush Script MT”, cursive

This is a Heading #

This is a paragraph.

Try it

  #

Fantasy Fonts #

font-family Example text Code
Copperplate, Papyrus, fantasy

This is a Heading #

This is a paragraph.

Powered by BetterDocs

Leave a Reply