variable-opsz-size-adjust-ref.html (1001B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <meta charset="utf-8"> 4 <style> 5 @font-face { 6 font-family: variabletest_box; 7 src: url(resources/variabletest_box.ttf); 8 } 9 10 body { 11 font-family: variabletest_box, sans-serif; 12 font-optical-sizing: none; 13 } 14 15 div { 16 line-height: 64px; 17 } 18 19 </style> 20 <div style="font-size: 9px; font-variation-settings: 'opsz' 9;">B</div> 21 <div style="font-size: 18px; font-variation-settings: 'opsz' 18;">B</div> 22 <div style="font-size: 36px; font-variation-settings: 'opsz' 36;">B</div> 23 <div style="font-size: 72px; font-variation-settings: 'opsz' 72;">B</div> 24 <div style="font-size: 96px; font-variation-settings: 'opsz' 96;">B</div> 25 <div style="font-size: 36px; font-variation-settings: 'opsz' 128;">B</div> 26 <div style="font-size: 72px; font-variation-settings: 'opsz' 12;">B</div> 27 <script> 28 document.fonts.ready.then( 29 () => { document.documentElement.classList.remove("reftest-wait"); }); 30 </script> 31 </html>