colrv1-03.html (625B)
1 <!DOCTYPE html> 2 <html> 3 <meta charset=utf-8> 4 <title>COLRv1 font test: radial-gradient edge cases</title> 5 <style> 6 @font-face { 7 font-family: CAhem; 8 src: url("CAhem.ttf"); 9 } 10 #test { font: 128px/1 CAhem, serif; margin: 10px; padding: 10px; } 11 #_3a { font-variation-settings: "GRR1" 0; } 12 #_3b { font-variation-settings: "GRR1" -100; } 13 #_3c { font-variation-settings: "GRR1" -200; } 14 #_d { font-variation-settings: "GRR1" -25; } 15 </style> 16 17 <p>The two glyphs in each row should match:</p> 18 <div id="test"> 19 0 <span id="_3a">3</span><br> 20 1 <span id="_3b">3</span><br> 21 2 <span id="_3c">3</span><br> 22 a b<br> 23 c <span id="_d">d</span><br>