italic-oblique-3.html (890B)
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 @font-face { 23 font-family: test; 24 src: url(../fonts/mark2B.woff); 25 font-style: oblique; 26 } 27 28 body { margin: 30px } 29 p { margin: 0; font: italic 600% test, serif; } 30 </style> 31 </head> 32 <body> 33 <p>BBB</p> 34 </body> 35 </html>