Fonts

The <font> tag is deprecated in HTML4 and not supported in HTML5. Therefore, it is best to use style sheets (CSS) to define fonts instead.

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.

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

Examples

The following example demonstrates how to set the font of text using styles.

<h2 style="font-family:verdana">
  A Styled Heading
</h2>

<p style="font-family:courier">
  A styled paragraph
</p>

This produces the following result: