layout/reftests/font-face/synthetic-weight-style-ref.html

   1 <!DOCTYPE HTML>
   2 <html>
   3 <head>
   4 <title>@font-face and synthetic rendering</title>
   5 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   6
   7 <style type="text/css">
   8
   9 @import url(../fonts/mplus/mplusfonts.css);
  10
  11 body {
  12   margin: 50px;
  13   font-family: mplus1p, Futura, sans-serif;
  14   font-size: 18pt;
  15 }
  16
  17 table {
  18   border-collapse: collapse;
  19   margin-left: 1em;
  20 }
  21
  22 td + td {
  23   padding-left: 1em;
  24 }
  25
  26 </style>
  27
  28
  29 </head>
  30
  31 <body>
  32
  33 <h4>Text below should appear in normal face with no synthetic bolding/italics</h4>
  34
  35 <table>
  36 <tr>
  37 <td>100</td>
  38 <td>Regular</td>
  39 <td>Italic</td>
  40 <td>Oblique</td>
  41 <td>Regular</td>
  42 <td>Italic</td>
  43 <td>Oblique</td>
  44 </tr>
  45 <tr>
  46 <td>200</td>
  47 <td>Regular</td>
  48 <td>Italic</td>
  49 <td>Oblique</td>
  50 <td>Regular</td>
  51 <td>Italic</td>
  52 <td>Oblique</td>
  53 </tr>
  54 <tr>
  55 <td>300</td>
  56 <td>Regular</td>
  57 <td>Italic</td>
  58 <td>Oblique</td>
  59 <td>Regular</td>
  60 <td>Italic</td>
  61 <td>Oblique</td>
  62 </tr>
  63 <tr>
  64 <td>400</td>
  65 <td>Regular</td>
  66 <td>Italic</td>
  67 <td>Oblique</td>
  68 <td>Regular</td>
  69 <td>Italic</td>
  70 <td>Oblique</td>
  71 </tr>
  72 <tr>
  73 <td>500</td>
  74 <td>Regular</td>
  75 <td>Italic</td>
  76 <td>Oblique</td>
  77 <td>Regular</td>
  78 <td>Italic</td>
  79 <td>Oblique</td>
  80 </tr>
  81 <tr>
  82 <td>600</td>
  83 <td>Regular</td>
  84 <td>Italic</td>
  85 <td>Oblique</td>
  86 <td>Regular</td>
  87 <td>Italic</td>
  88 <td>Oblique</td>
  89 </tr>
  90 <tr>
  91 <td>700</td>
  92 <td>Regular</td>
  93 <td>Italic</td>
  94 <td>Oblique</td>
  95 <td>Regular</td>
  96 <td>Italic</td>
  97 <td>Oblique</td>
  98 </tr>
  99 <tr>
 100 <td>800</td>
 101 <td>Regular</td>
 102 <td>Italic</td>
 103 <td>Oblique</td>
 104 <td>Regular</td>
 105 <td>Italic</td>
 106 <td>Oblique</td>
 107 </tr>
 108 <tr>
 109 <td>900</td>
 110 <td>Regular</td>
 111 <td>Italic</td>
 112 <td>Oblique</td>
 113 <td>Regular</td>
 114 <td>Italic</td>
 115 <td>Oblique</td>
 116 </tr>
 117 </table>
 118
 119 </body>
 120 </html>