font-face-stretch-default-variable.html (990B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <meta charset="utf-8"/> 4 <title>CSS Test: Support for font-stretch: auto in @font-face</title> 5 <link rel="match" href="font-face-stretch-default-variable-ref.html"> 6 <link rel="help" href="https://www.w3.org/TR/css-fonts-4/#font-prop-desc" /> 7 <meta name="assert" content="auto is default value for font-stretch in @font-face descriptor"> 8 <style> 9 @font-face { 10 font-family: "Roboto"; 11 src: url('support/fonts/RobotoExtremo-VF.subset.ttf') format('truetype'); 12 font-display: swap; 13 font-style: normal; 14 } 15 .stretch75 { 16 font-family: "Roboto"; 17 font-size: 3em; 18 font-stretch: 75%; 19 } 20 .stretch100 { 21 font-family: "Roboto"; 22 font-size: 3em; 23 font-stretch: 100%; 24 } 25 .stretch125 { 26 font-family: "Roboto"; 27 font-size: 3em; 28 font-stretch: 125%; 29 } 30 </style> 31 32 <p class="stretch75">text</p> 33 <p class="stretch100">text</p> 34 <p class="stretch125">text</p>