layout/reftests/font-matching/arial-variations-5.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <title>Arial Variations</title>
   5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   6
   7 <style type="text/css">
   8
   9 body {
  10   margin: 50px;
  11 }
  12
  13 p#test1d { font-family: "Arial", sans-serif; }
  14 p#test2d { font-family: "Arial Bold", Georgia, serif; }
  15 p#test3d { font-family: "Arial Italic", Georgia, serif; }
  16 p#test4d { font-family: "Arial Bold Italic", Georgia, serif; }
  17
  18 p#test1d { color: black; }
  19 p#test2d { color: red; }
  20 p#test3d { color: red; }
  21 p#test4d { color: red; }
  22
  23 #tests {
  24   font-size: 18pt;
  25   margin-left: 0.5em;
  26 }
  27
  28 </style>
  29
  30 </head>
  31 <body>
  32
  33 <p>Text in black should appear in Arial and text in red in Georgia or the default serif font:</p>
  34
  35 <div id="tests">
  36 <p id="test1d">{ font-family: "Arial", sans-serif; }</p>
  37 <p id="test2d">{ font-family: "Arial Bold", Georgia, serif; }</p>
  38 <p id="test3d">{ font-family: "Arial Italic", Georgia, serif; }</p>
  39 <p id="test4d">{ font-family: "Arial Bold Italic", Georgia, serif; }</p>
  40 </div>
  41
  42 </body>
  43 </html>