font-slant-2a.html (819B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>CSS test: mapping of font-style:oblique to opentype 'slnt' axis</title> 4 <link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com"/> 5 <link rel="help" href="https://drafts.csswg.org/css-fonts/#valdef-font-style-oblique-angle"/> 6 <link rel="match" href="font-slant-2-ref.html"/> 7 <style> 8 @font-face { 9 font-family: test; 10 font-style: oblique 0deg 10deg; 11 src: url(resources/Inter.var.subset.ttf); 12 } 13 .test { 14 font: 32px/1.5 test; 15 } 16 </style> 17 <body> 18 <p>Test passes if none of the following lines are displayed with a slanted font.</p> 19 <div class="test">slant</div> 20 <div class="test" style="font-variation-settings: 'slnt' 10">slant</div> 21 <div class="test" style="font-style: oblique 0deg">slant</div> 22 <div class="test" style="font-style: oblique -10deg">slant</div>