font-slant-1.html (874B)
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-1-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-synthesis: none; 15 font: 32px/1.5 test; 16 } 17 </style> 18 <body> 19 <p>Test passes if all the following lines are displayed with a 10-degree rightward slant.</p> 20 <div class="test" style="font-variation-settings: 'slnt' -10">slant</div> 21 <div class="test" style="font-style: oblique">slant</div> 22 <div class="test" style="font-style: oblique 10deg">slant</div> 23 <div class="test" style="font-style: italic">slant</div>