# CSS Fonts

The `font-family` property is used to specify the desired font. If the desired font is not available, browsers look for the next specified font and continue this way until a font is found or the browser substitues a font.

Tip: Because not all fonts are available on all browsers or operating systems, it is best to provide several font names to ensure maximum compatibility between browsers and operating systems.

The following tables list the most commonly used fonts, organized by their font families.

# Serif Fonts

Font Family | Example
--- | ---

Georgia, serif

## Heading

Paragraph

"Palatino Linotype", "Book Antiqua", Palatino, serif

## Heading

Paragraph

"Times New Roman", Times, serif

## Heading

Paragraph

# Sans-Serif Fonts

Font Family | Example
--- | ---

Arial, Helvetica, sans-serif

## Heading

Paragraph

Arial Black, Gadget, sans-serif

## Heading

Paragraph

"Comic Sans MS", cursive, sans-serif

## Heading

Paragraph

Impact, Charcoal, sans-serif

## Heading

Paragraph

"Lucida Sans Unicode", "Lucida Grande", sans-serif

## Heading

Paragraph

Tahoma, Geneva, sans-serif

## Heading

Paragraph

"Trebuchet MS", Helvetica, sans-serif

## Heading

Paragraph

Verdana, Geneva, sans-serif

## Heading

Paragraph

# Monospace Fonts

Font Family | Example
--- | ---

"Courier New", Courier, monospace

## Heading

Paragraph

"Lucida Console", Monaco, monospace

## Heading

Paragraph