layout/reftests/font-matching/arial-variations-1.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#test1 { font-family: Arial, sans-serif; }
  14 p#test2 { font-family: Arial Bold, Georgia, serif; }
  15 p#test3 { font-family: Arial Italic, Georgia, serif; }
  16 p#test4 { font-family: Arial Bold Italic, Georgia, serif; }
  17
  18 p#test1 { color: black; }
  19 p#test2 { color: red; }
  20 p#test3 { color: red; }
  21 p#test4 { 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="test1">{ font-family: Arial, sans-serif; }</p>
  37 <p id="test2">{ font-family: Arial Bold, Georgia, serif; }</p>
  38 <p id="test3">{ font-family: Arial Italic, Georgia, serif; }</p>
  39 <p id="test4">{ font-family: Arial Bold Italic, Georgia, serif; }</p>
  40 </div>
  41
  42 </body>
  43 </html>