Font Family

The font-family property is used to specify the fonts the browser uses to render a character.

The values are comma-separated lists of fonts.

Family name - (e.g. Arial, "Times New Roman", etc.)
Font Family names containing spaces should be quoted.
Font Generic font names (e.g. serif, sansserif, cursive) are keywords and must not be quoted.

Notes
It is recommended that the last font name in the list be a generic font name.


example
font-family : Garamond, serif, "Times New Roman"
font-family : Courier, serif, "MS Courier New"
snippet
<html>
<head>
<style>
p {font-family:"Times New Roman", Garamond;}
div {font-family:"Arial"}
h1 {font-family:"Times New Roman", Garamond;}
h2 {font-family:"Arial"}
span {font-family:"Arial"}
</style>
</head>
<body>
<p>This is a paragraph text</p>
<div>This is a text inside div</div>
<h1>This is a h1 text</h1>
<h2>This is a h2 text</h2>
<span>This is a text inside div</span>
</body>
</html>

Output

This is a paragraph text

This is a text inside div

This is a paragraph text

This is a paragraph text

This is a text inside div
Related Tutorial
1. Fonts
8. Font