CSS Font Fallbacks
Posted: Fri Oct 27, 2023 8:22 am
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
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