font-variation-settings-descriptor-04.html (940B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 4 <title>CSS Test: font-variation-settings descriptor</title> 5 <link rel="author" title="Jason Leo" href="mailto:cgqaq@chromium.org"> 6 <link rel="help" href="https://drafts.csswg.org/css-fonts/#font-variation-settings-def"> 7 <link rel="match" href="font-variation-settings-descriptor-04-ref.html"> 8 <meta name="assert" content="Font settings value can be fractional or negative, depending on the value range available in your font, as defined by the font designer."> 9 <style> 10 @font-face { 11 font-family: "Roboto"; 12 src: url('support/fonts/RobotoExtremo-VF.subset.ttf') format('truetype'); 13 font-variation-settings: 'wdth' 125, 'opsz' 144, 'wght' 600.7; 14 } 15 .content { 16 font-family: "Roboto"; 17 } 18 </style> 19 <body> 20 <p>Test passes if the text below renders correct text weight.</p> 21 <p class="content">Filler Text</p> 22 </body> 23 </html>