CSS Fonts (Font Fallbacks)

Commonly Used Font Fallbacks

Font Fallbacks ensures that if the specified font is not supported in the user's browser (device), then the generic font is used in place of the specified font.

The List of fonts are separated by comma, in which the first font is the specified font and followed to the last font, that is generic font, specified below:

• 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.