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 Try it
Georgia, serif Try it
Garamond, serif Try it

Sans-Serif Fonts

font-family Example text Code
Arial, Helvetica, sans-serif Try it
Tahoma, Verdana, sans-serif Try it
“Trebuchet MS”, Helvetica, sans-serif Try it
Georgia, Verdana, sans-serif

Try it

Monospace Fonts

font-family Example text Code
“Courier New”, Courier, monospace Try it

Cursive Fonts

font-family Example text Code
“Brush Script MT”, cursive Try it

Fantasy Fonts

font-family Example text Code
Copperplate, Papyrus, fantasy Try it
Tip: Also check out all available Google Fonts and how to use them.

www.w3schools.com

3D Effect

Portal scene

UI Design