layout/reftests/font-face/colrv1-03.html

   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>