CSS Web safe font combinations
Commonly used font combinations
font-familyPropertyYesmany种Fontname of，asa"shouldchange"systemdegree, in order toconfirmprotect浏览device/Operating systembetweenmaximumCompatibility. If浏览deviceNot supportedof theaFont, it尝试BottomaofFont。
If the browser cannot find the font type you want, it will find a similar one from the generic font families:
Below are some common font combinations and generic font families.
Serif Font
| Font | Text Example |
|---|---|
| Georgia, serif | This is a headingThis is a paragraph |
| "Palatino Linotype", "Book Antiqua", Palatino, serif | This is a headingThis is a paragraph |
| "Times New Roman", Times, serif | This is a headingThis is a paragraph |
sans-serif font
| Font | Text Example |
|---|---|
| Arial, Helvetica, sans-serif | This is a headingThis is a paragraph |
| Arial Black, Gadget, sans-serif | This is a headingThis is a paragraph |
| "Comic Sans MS", cursive, sans-serif | This is a headingThis is a paragraph |
| Impact, Charcoal, sans-serif | This is a headingThis is a paragraph |
| "Lucida Sans Unicode", "Lucida Grande", sans-serif | This is a headingThis is a paragraph |
| Tahoma, Geneva, sans-serif | This is a headingThis is a paragraph |
| "Trebuchet MS", Helvetica, sans-serif | This is a headingThis is a paragraph |
| Verdana, Geneva, sans-serif | This is a headingThis is a paragraph |
Monospace font
| Font | Text Example |
|---|---|
| "Courier New", Courier, monospace | This is a headingThis is a paragraph |
| "Lucida Console", Monaco, monospace | This is a headingThis is a paragraph |