slnt-backslant-variable-ref.html (618B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <meta charset="utf-8" /> 4 <title>CSS Test: Variable fonts with slant axis</title> 5 <style> 6 @font-face { 7 font-family: "slnt test font"; 8 src: url('resources/FontStyleTest-slnt_backslant-VF.woff2'); 9 font-style: oblique -15deg 15deg; 10 } 11 12 .test { 13 font-family: "slnt test font"; 14 font-size: 3em; 15 } 16 17 .slnt14 { 18 font-variation-settings: 'slnt' -14; 19 } 20 21 .backslant14 { 22 font-variation-settings: 'slnt' 14; 23 } 24 25 </style> 26 27 <p class="test backslant14">varfont</p> 28 <p class="test slnt14">varfont</p> 29 <p class="test slnt14">varfont</p> 30 <p class="test">varfont</p>