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