layout/reftests/font-matching/italic-oblique-1.html

   1 <!DOCTYPE HTML>
   2 <head>
   3 <title>style matching - italic/oblique</title>
   4 <link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com">
   5 <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
   6 <link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-prop">
   7 <link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-matching">
   8 <link rel="match" href="italic-oblique-ref.html">
   9 <meta name="flags" content="font matching must distinguish between italic and oblique">
  10 <style>
  11 @font-face {
  12   font-family: test;
  13   src: url(../fonts/markA.woff);
  14 }
  15
  16 @font-face {
  17   font-family: test;
  18   src: url(../fonts/markB.woff);
  19   font-style: italic;
  20 }
  21
  22 body { margin: 30px }
  23 p { margin: 0; font: italic 600% test, serif; }
  24 </style>
  25 </head>
  26 <body>
  27 <p>BBB</p>
  28 </body>
  29 </html>
  30
  31