Page 1 of 1

CSS Font Fallbacks

Posted: Fri Oct 27, 2023 8:22 am
by Guest
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