font-face-style-auto-variable.html (996B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <meta charset="utf-8"/> 4 <title>CSS Test: Support for font-style: auto in @font-face</title> 5 <link rel="match" href="font-face-style-auto-variable-ref.html"> 6 <link rel="help" href="https://www.w3.org/TR/css-fonts-4/#font-prop-desc" /> 7 <meta name="assert" content="font-style: auto applies automatic slant range for variable fonts in @font-face descriptor"> 8 <style> 9 @font-face { 10 font-family: "Inter"; 11 src: url('support/fonts/Inter-VF.subset.ttf') format('truetype'); 12 font-display: swap; 13 font-style: auto; 14 } 15 .style10 { 16 font-family: "Inter"; 17 font-size: 3em; 18 font-style: oblique 10deg; 19 } 20 .style5 { 21 font-family: "Inter"; 22 font-size: 3em; 23 font-style: oblique 5deg; 24 } 25 .style0 { 26 font-family: "Inter"; 27 font-size: 3em; 28 font-style: oblique 0deg; 29 } 30 </style> 31 32 <p class="style10">text</p> 33 <p class="style5">text</p> 34 <p class="style0">text</p>