font-slant-3-ref.html (807B)
1 <!DOCTYPE html> 2 <meta charset=utf-8> 3 <title>CSS reference file: mapping of font-style:oblique to opentype 'slnt' axis</title> 4 <style> 5 @font-face { 6 font-family: test; 7 /* Version of Inter subset with OpenType tables stripped, 8 so the browser's synthetic styling should take effect. */ 9 src: url(resources/Inter.no-var.subset.ttf); 10 font-style: normal; 11 font-weight: normal; 12 font-stretch: normal; 13 } 14 .test { 15 font: 32px/1.5 test; 16 } 17 </style> 18 <body> 19 <p>Test passes if the following lines are displayed with a variety of synthetic slants.</p> 20 <div class="test" style="font-style: oblique 10deg">slant</div> 21 <div class="test" style="font-style: oblique 20deg">slant</div> 22 <div class="test" style="font-style: oblique -10deg">slant</div> 23 <div class="test" style="font-style: oblique 14deg">slant</div>