font-family : font family : Text Attributes HTML CSS TUTORIALS

HTML CSS TUTORIALS » Text Attributes » font family »

font-family


 

<html>
<head>
<title></title>

<style type="text/css">
h2 {
  text-decoration: underline;
}

.serif {
  font-family: serif;
  text-align: right;
}

.sans-serif {
  font-family: sans-serif;
  text-align: center;
}

.monospace {
  font-family: monospace;
  text-align: justify;
}

.cursive {
  font-family: cursive;
  text-align: left;
}

.fantasy {
  font-family: fantasy;
}
</style>
</head>
<body>
<h1>Font Sampler</h2>

<h2>Serif</h2>
<div class="serif">Serif<br />
Serif</div>

<h2>Sans Serif</h2>
<div class="sans-serif">Sans Serif<br />
Sans Serif</div>

<h2>Monospace</h2>
<div class="monospace">Monospace<br />
Monospace</div>

<h2>Cursive</h2>
<div class="cursive">Cursive<br />
Cursive</div>

<h2>Fantasy</h2>
<div class="fantasy">Fantasy<br />
Fantasy</div>

</body>
</html>