CSS Font Fallbacks

❮ Previous Next ❯

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

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
Geneva, Verdana, sans-serif	This is a Heading This is a paragraph.	Try it

Monospace Fonts

font-family	Example text	Code
"Courier New", Courier, monospace	This is a Heading This is a paragraph.	Try it

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

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

font-family

Example text

Code

Copperplate, Papyrus, fantasy

This is a Heading

This is a paragraph.

Try it

Tip: Also check out all available Google Fonts and how to use them.

❮ Previous Next ❯