Quelle  font-selection-generic-1-ref.html   Sprache: HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US">
<head>
 <title></title>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <style type="text/css">

 @font-face {
  font-family: "MarkA";
  src: url(../fonts/markA.ttf);
 }

 .c1 { font-family: sans-serif; }
 .c2 { font-family: serif; }
 .c3 { font-family: monospace, fantasy; }
 .c4 { font-family: fantasy; }
 .c5 { font-family: cursive; }

 .c11 { font-family: MarkA, serif; }
 .c12 { font-family: MarkA, monospace; }
 .c13 { font-family: MarkA, sans-serif; }
 .c14 { font-family: MarkA, cursive; }
 .c15 { font-family: MarkA, fantasy; }

        /* to ensure the same vertical positioning of the text */
        .spacer { line-height: 3em }
 </style>
</head>
<body>

<p class="c1">AB</p>
<p class="c2">AB</p>
<p class="c3">AB</p>
<!-- Rev3 Fedora 12 test machines don't have fantasy or cursive,
     and WINNT 5.2 machines don't have fantasy.
<p class="c4">AB</p>
<p class="c5">AB</p>
-->

<p class="c11">A</p>
<p><span class="c1">B</span><span class="spacer"></span></p>
<p class="c12">A</p>
<p><span class="c2">B</span><span class="spacer"></span></p>
<p class="c13">A</p>
<p><span class="c3">B</span><span class="spacer"></span></p>
<!--
<p class="c14">A</p>
<p class="c4">B</p>
<p class="c15">A</p>
<p class="c5">B</p>
-->

</body>
</html>