CSS family list generic fonts names

Generic family names are keywords for templates from which font families of similar appearance and characteristics are generated. Serif, sans-serif, monospace, fantasy, cursive. Examples

by ITpresent

HTML

<p class="a">SERIF</p>
<p class="b">SANS-SERIF</p>
<p class="c">MONOSPACE</p>
<p class="d">CURSIVE</p>
<p class="e">FANTASY</p>


























<a href="https://itpresent.com/web/css/generic_font-family_list.php" target="_blank"><p>

More examples generic fonts names</p></a>

CSS

p { font-weight: bold; font-size: 25px;}
.a { font-family: serif; color: red;}
.b { font-family: sans-serif; color: blue;}
.c { font-family: monospace; color: green;}
.d { font-family: cursive; color: tomato;}
.e { font-family: fantasy; color: maroon;}