layout/reftests/text/font-selection-generic-1.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
   2         "http://www.w3.org/TR/html4/strict.dtd">
   3 <html lang="en-US">
   4 <head>
   5         <title></title>
   6         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   7         <style type="text/css">
   8
   9         @font-face {
  10                 font-family: "MarkA";
  11                 src: url(../fonts/markA.ttf);
  12         }
  13
  14         .c1 { font-family: sans-serif, MarkA; }
  15         .c2 { font-family: serif, MarkA; }
  16         .c3 { font-family: monospace, MarkA; }
  17         .c4 { font-family: fantasy, MarkA; }
  18         .c5 { font-family: cursive, MarkA; }
  19
  20         .c11 { font-family: MarkA, sans-serif; }
  21         .c12 { font-family: MarkA, serif; }
  22         .c13 { font-family: MarkA, monospace; }
  23         .c14 { font-family: MarkA, fantasy; }
  24         .c15 { font-family: MarkA, cursive; }
  25
  26         /* to ensure the same vertical positioning of the text */
  27         .spacer { line-height: 3em }
  28         </style>
  29 </head>
  30 <body>
  31
  32 <p class="c1">AB</p>
  33 <p class="c2">AB</p>
  34 <p class="c3">AB</p>
  35 <!-- Rev3 Fedora 12 test machines don't have fantasy or cursive,
  36      and WINNT 5.2 machines don't have fantasy.
  37 <p class="c4">AB</p>
  38 <p class="c5">AB</p>
  39 -->
  40
  41 <p class="c11">A</p>
  42 <p><span class="c11">B</span><span class="spacer"></span></p>
  43 <p class="c12">A</p>
  44 <p><span class="c12">B</span><span class="spacer"></span></p>
  45 <p class="c13">A</p>
  46 <p><span class="c13">B</span><span class="spacer"></span></p>
  47 <!--
  48 <p class="c14">A</p>
  49 <p class="c14">B</p>
  50 <p class="c15">A</p>
  51 <p class="c15">B</p>
  52 -->
  53
  54 </body>
  55 </html>