<!DOCTYPE HTML> <head> <title>style matching - italic/oblique</title> <link rel="author" title="John Daggett" href="mailto:jdaggett@mozilla.com"> <link rel="author" title="Mozilla" href="http://www.mozilla.org/"> <link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-prop"> <link rel="help" href="http://www.w3.org/TR/css3-fonts/#font-style-matching"> <link rel="match" href="italic-oblique-ref.html"> <meta name="flags" content="font matching must distinguish between italic and oblique"> <style> @font-face { font-family: test; src: url(../fonts/markA.woff); } @font-face { font-family: test; src: url(../fonts/mark2B.woff); font-style: italic; } @font-face { font-family: test; src: url(../fonts/markB.woff); font-style: oblique; } body { margin: 30px } p { margin: 0; font: oblique 600% test, serif; } </style> </head> <body> <p>BBB</p> </body> </html>