italic-oblique-4.html 890 B

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