variable-gsub.html (1176B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <link rel="match" href="variable-gsub-ref.html"> 4 <meta charset="utf-8"> 5 <style> 6 @font-face { 7 font-family: variabletest_box; 8 src: url(resources/variabletest_box.ttf); 9 } 10 11 body { 12 font-family: variabletest_box, sans-serif; 13 sans-serif; 14 font-size: 100px; 15 } 16 17 .rvrn_replaced { 18 font-variation-settings: "FVTT" 10; 19 } 20 </style> 21 <!-- The variabletest_box font has an r glyph that says "rvrn base" and has 22 this as a name as well. And it has a glyph for R that says "rvrn subst" 23 where rvrn stands for the required Required Variation Alternates 24 feature. The font has an 'FVTT' axis ranging from 0 to 10, where it uses 25 a single substitution glyph lookup table for axis values starting from 26 5, which then replaces the rvrn_base glyph with the rvrn_subst 27 glyph. So in this reftest the substituted glyph for lowercase r 28 should visually match the uppercase R glyph, both show "rvrn subst". --> 29 r <span class="rvrn_replaced">r</span> 30 <script> 31 document.fonts.ready.then( 32 () => { document.documentElement.classList.remove("reftest-wait"); }); 33 </script> 34 </html>