|
<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>
|