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 HeadingThis is a paragraph. |
Try it |
Georgia, serif |
This is a HeadingThis is a paragraph. |
Try it |
Garamond, serif |
This is a HeadingThis is a paragraph. |
Try it |
Sans-Serif Fonts
font-family | Example text | Code |
---|---|---|
Arial, Helvetica, sans-serif |
This is a HeadingThis is a paragraph. |
Try it |
Tahoma, Verdana, sans-serif |
This is a HeadingThis is a paragraph. |
Try it |
"Trebuchet MS", Helvetica, sans-serif |
This is a HeadingThis is a paragraph. |
Try it |
Geneva, Verdana, sans-serif |
This is a HeadingThis is a paragraph. |
Try it |
Monospace Fonts
font-family | Example text | Code |
---|---|---|
"Courier New", Courier, monospace |
This is a HeadingThis is a paragraph. |
Try it |
Cursive Fonts
font-family | Example text | Code |
---|---|---|
"Brush Script MT", cursive |
This is a HeadingThis is a paragraph. |
Try it |
Fantasy Fonts
font-family | Example text | Code |
---|---|---|
Copperplate, Papyrus, fantasy |
This is a HeadingThis is a paragraph. |
Try it |
Tip: Also check out all available Google Fonts and how to use them.