layout/reftests/font-matching/font-synthesis-2.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta charset="utf-8">
   5 <style>
   6 @font-face {
   7   font-family: test;
   8   src: url(../fonts/sil/GenR102.ttf);
   9 }
  10 body {
  11   /* try for a locally-installed font that lacks Bold and Italic faces */
  12   font-family: Papyrus, /* OS X */
  13                Microsoft Sans Serif, /* Windows */
  14                /* XXX no idea what to try for Linux desktop systems :( */
  15                Droid Sans Fallback, /* Android, B2G */
  16                test; /* fallback to avoid failures on "none of the above" */
  17   font-size: 36px;
  18   margin: 1em;
  19 }
  20 </style>
  21 </head>
  22 <body>
  23 <p>Hello, <i>cruel</i> <b>world<i>!</i></b>
  24 <p style="font-synthesis:weight">Hello, <i>cruel</i> <b>world<i>!</i></b>
  25 <p style="font-synthesis:style">Hello, <i>cruel</i> <b>world<i>!</i></b>
  26 <p style="font-synthesis:none">Hello, <i>cruel</i> <b>world<i>!</i></b>
  27 </body>
  28 </html>