CSS Web Security Font Combination
Common font combinations
Font-family properties are the names of multiple fonts as a "strain" system to ensure maximum compatibility between browsers/operating systems. If the browser does not support the first font, it tries the next font.
The font type you want If the browser can't find it, it will find something similar to you in the generic font type:
Here are some common font combinations, common font familys.
Serif font
| Font | An example of text |
|---|---|
| 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 | An example of text |
|---|---|
| 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 | An example of text |
|---|---|
| "Courier New", Courier, monospace |
This is a headingThis is a paragraph |
| "Lucida Console", Monaco, monospace |
This is a headingThis is a paragraph |