This example shows the effects of applying different typeface values for the CSS font-family style attribute.

Select a font in the options below to see how the style is applied, and note the resulting CSS syntax for the style declaration.

Syntax { font-family: "Arial, sans-serif" }

Select font family: Arial Book Antiqua Comic Sans Times Verdana Serif Sans-serif

NOTE: Including the generic families "Serif" or "Sans-serif" after a specified font family is optional, though recommended. They are used to instruct the browser to use a generic alternative, in case the specified font is not installed on the client.