Easy Tutorial
❮ Css3 Pr Pointer Events Sel After ❯

CSS Web Safe Font Combinations


Common Font Combinations

The font-family property is a list of font names used as a "fallback" system to ensure maximum compatibility across browsers and operating systems. If a browser does not support the first font, it tries the next one.

If the desired font type is not found by the browser, it will find a similar one from the generic font types:

Examples

Below are some commonly used font combinations, belonging to generic font families.


Serif Fonts

Font Text Example
Georgia, serif This is a heading This is a paragraph
"Palatino Linotype", "Book Antiqua", Palatino, serif This is a heading This is a paragraph
"Times New Roman", Times, serif This is a heading This is a paragraph

Sans-Serif Fonts

Font Text Example
Arial, Helvetica, sans-serif This is a heading This is a paragraph
Arial Black, Gadget, sans-serif This is a heading This is a paragraph
"Comic Sans MS", cursive, sans-serif This is a heading This is a paragraph
Impact, Charcoal, sans-serif This is a heading This is a paragraph
"Lucida Sans Unicode", "Lucida Grande", sans-serif This is a heading This is a paragraph
Tahoma, Geneva, sans-serif This is a heading This is a paragraph
"Trebuchet MS", Helvetica, sans-serif This is a heading This is a paragraph
Verdana, Geneva, sans-serif This is a heading This is a paragraph

Monospace Fonts

Font Text Example
"Courier New", Courier, monospace This is a heading This is a paragraph
"Lucida Console", Monaco, monospace This is a heading This is a paragraph
❮ Css3 Pr Pointer Events Sel After ❯