italic-oblique-1.html 796 B

1234567891011121314151617181920212223242526272829303132
  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. @font-face {
  16. font-family: test;
  17. src: url(../fonts/markB.woff);
  18. font-style: italic;
  19. }
  20. body { margin: 30px }
  21. p { margin: 0; font: italic 600% test, serif; }
  22. </style>
  23. </head>
  24. <body>
  25. <p>BBB</p>
  26. </body>
  27. </html>