CSS 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.
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
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.
Try it
Tip: Also check out all available Google Fonts and how to use them.
★
+1
Reference: https://www.w3schools.com/css/css_font_fallbacks.asp
CSS Font Fallbacks
CSS is the language we use to style an HTML document.
CSS describes how HTML elements should be displayed.
This tutorial will teach you CSS from basic to advanced.
CSS describes how HTML elements should be displayed.
This tutorial will teach you CSS from basic to advanced.