layout/reftests/font-matching/arial-variations-4.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#test1c { font-family: arialmt, georgia, serif; }
  14 p#test2c { font-family: arial-boldmt, georgia, serif; }
  15 p#test3c { font-family: arial-italicmt, georgia, serif; }
  16 p#test4c { font-family: arial-bolditalicmt, georgia, serif; }
  17
  18 p#test1c { color: red; }
  19 p#test2c { color: red; }
  20 p#test3c { color: red; }
  21 p#test4c { 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="test1c">{ font-family: arialmt, georgia, serif; }</p>
  37 <p id="test2c">{ font-family: arial-boldmt, georgia, serif; }</p>
  38 <p id="test3c">{ font-family: arial-italicmt, georgia, serif; }</p>
  39 <p id="test4c">{ font-family: arial-bolditalicmt, georgia, serif; }</p>
  40 </div>
  41
  42 </body>
  43 </html>