<!DOCTYPE html>
<html lang="en-US">
<head>
<style>
p:nth-child(3){
font-family: serif;
}
p:nth-child(5){
font-family: sans-serif;
}
p:nth-child(7){
font-family: monospace;
}
p:nth-child(9){
font-family: cursive;
}
p:nth-child(11){
font-family: fantasy;
}
p:nth-child(13){
font-family: system-ui;
}
p:nth-child(15){
font-family: emoji;
}
p:nth-child(17){
font-family: math;
}
p:nth-child(19){
font-family: fangsong;
}
p:nth-child(21){
font-family: Times;
}
p:nth-child(23){
font-family: "Times New Roman";
}
p:nth-child(25){
font-family: Georgia;
}
p:nth-child(27){
font-family: Verdana;
}
p:nth-child(29){
font-family: Arial;
}
p:nth-child(31){
font-family: Helvetica;
}
p:nth-child(33){
font-family: "Lucida Console";
}
p:nth-child(35){
font-family: Courier;
}
</style>
</head>
<body>
<h1>CSS font-family Property</h1>
<h2>font-family: serif;</h2>
<p>This is font-family serif.</p>
<h2>font-family: sans-serif;</h2>
<p>This is font-family sans-serif.</p>
<h2>font-family: monospace;</h2>
<p>This is font-family monospace.</p>
<h2>font-family: cursive;</h2>
<p>This is font-family cursive.</p>
<h2>font-family: fantasy;</h2>
<p>This is font-family fantasy.</p>
<h2>font-family: system-ui;</h2>
<p>This is font-family system-ui.</p>
<h2>font-family: emoji;</h2>
<p>This is font-family emoji.</p>
<h2>font-family: math;</h2>
<p>This is font-family math.</p>
<h2>font-family: fangsong;</h2>
<p>This is font-family fangsong.</p>
<h2>font-family: Times;</h2>
<p>This is font-family Times.</p>
<h2>font-family: "Times New Roman";</h2>
<p>This is font-family "Times New Roman".</p>
<h2>font-family: Georgia;</h2>
<p>This is font-family Georgia.</p>
<h2>font-family: Verdana;</h2>
<p>This is font-family Verdana.</p>
<h2>font-family: Arial;</h2>
<p>This is font-family Arial.</p>
<h2>font-family: Helvetica;</h2>
<p>This is font-family Helvetica.</p>
<h2>font-family: "Lucida Console";</h2>
<p>This is font-family "Lucida Console".</p>
<h2>font-family: Courier;</h2>
<p>This is font-family Courier.</p>
</body>
</html>