<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">
		<div id="Description">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">font-family</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">4</span> IE <span class="emphasis">4</span> CSS <span class="emphasis">1</span></td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal"></p>
					</td><td valign="top" nowrap class="requirements">Inherited: Yes</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Sets a prioritized list of font families to be used to render the
content. One or more font family names may be included in a
comma-delimited list of attribute values. If a font family name
consists of multiple words, the family name must be inside quotes.
</p><p>A font family may consist of multiple font definitions. For example,
a Helvetica font family may also include a bold version and an italic
versiongenuinely distinct fonts rather than the approximated
versions of bold and italic. When you specify a font family by name,
the browser looks into the client's system to see if
there is a font available by that name. If not, the browser looks to
the next font family name in the list. Therefore, it is wise to
include font family names in a sequence that goes from the most
esoteric to the most generic. The final font family name should be
the generic family (<span class="literal">serif</span>,
<span class="literal">sans-serif</span>, <span class="literal">cursive</span>,
<span class="literal">fantasy</span>, or <span class="literal">monospace</span>) that
most closely resembles the desired font. Many fonts that are widely
installed on one operating system may not be as popular on another
operating system.
</p><p>Browsers following the CSS2 specification should also be smart enough
to recognize Unicode character codes and try to match them with named
font families that cater to particular languages. Ideally, this will
allow a browser to mix fonts from different languages and writing
systems in the same element, provided each
<span class="literal">font-family</span> is listed in the attribute value.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="csssyntax"><span class="title">CSS Syntax</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>font-family: <span class="replaceable">fontFamilyName [, fontFamilyName [, ...]]</span></pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Value</span></td>
				</tr>
				<tr>
					<td><p>Any number of font family names, comma delimited. Multiword family
names must be quoted. Recognized generic family names are:
<span class="literal">serif</span> | <span class="literal">sans-serif</span> |
<span class="literal">cursive</span> | <span class="literal">fantasy</span> |
<span class="literal">monospace</span>.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="initvalue"><span class="title">Initial Value</span></td>
				</tr>
				<tr>
					<td><p>Browser default.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Example</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>body {font-family: "Century Schoolbook", Times, serif}</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="appliesto"><span class="title">Applies To</span></td>
				</tr>
				<tr>
					<td><p>All elements.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Object Model Reference</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&nbsp;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById("<span class="replaceable">elementID</span>").style.fontFamily</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>