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.
