italic-oblique-9.html 1003 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  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: test1;
  13. src: url(../fonts/markA.woff);
  14. }
  15. @font-face {
  16. font-family: test2;
  17. src: url(../fonts/markC.woff);
  18. font-style: italic;
  19. }
  20. @font-face {
  21. font-family: test3;
  22. src: url(../fonts/mark2C.woff);
  23. font-style: oblique;
  24. }
  25. @font-face {
  26. font-family: test3;
  27. src: url(../fonts/mark2A.woff);
  28. font-style: italic;
  29. }
  30. body { margin: 30px }
  31. p { margin: 0; font: oblique 600% test1, test2, test3, serif; }
  32. </style>
  33. </head>
  34. <body>
  35. <p>CCC</p>
  36. </body>
  37. </html>