variable-opsz-ref.html (1037B)
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 </style> 15 <div style="font-size: 6px; font-variation-settings: 'opsz' 6;">B</div> 16 <div style="font-size: 12px; font-variation-settings: 'opsz' 12;">B</div> 17 <div style="font-size: 24px; font-variation-settings: 'opsz' 24;">B</div> 18 <div style="font-size: 48px; font-variation-settings: 'opsz' 48;">B</div> 19 <div style="font-size: 64px; font-variation-settings: 'opsz' 64;">B</div> 20 <div style="font-size: 128px; font-variation-settings: 'opsz' 128;">B</div> 21 <div style="font-size: 24px; font-variation-settings: 'opsz' 128;">B</div> 22 <div style="font-size: 48px; font-variation-settings: 'opsz' 12;">B</div> 23 <script> 24 document.fonts.ready.then( 25 () => { document.documentElement.classList.remove("reftest-wait"); }); 26 </script> 27 </html>