xxxxxxxxxx
<html>
<head>
<title>Generic Font Demo</title>
</head>
<body>
<p style="font-family: serif; font-size: 1.3em">This is a serif font.</p>
<p style="font-family: sans-serif;font-size: 1.3em">This is a sans-serif font.</p>
<p style="font-family: monospace;font-size: 1.3em">This is a monospace font.</p>
<p style="font-family: cursive;font-size: 1.3em">This is a cursive font.</p>
<p style="font-family: fantasy;font-size: 1.3em">This is a fantasy font.</p>
</body>
</html>
xxxxxxxxxx
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Font Family List</title>
<style>
body {
font-family: sans-serif;
}
.font-family-list {
margin: 0;
padding: 0;
list-style: none;
}
.font-family-list li {
font-family: inherit;
}
</style>
</head>
<body>
<h1>Available Font Families</h1>
<ul class="font-family-list">
<li>Arial, Helvetica, sans-serif</li>
<li>"Times New Roman", Times, serif</li>
<li>"Courier New", Courier, monospace</li>
<li>Georgia, serif</li>
<li>"Palatino Linotype", "Book Antiqua", Palatino, serif</li>
<li>Verdana, Geneva, sans-serif</li>
</ul>
</body>
</html>