| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 1 <!DOCTYPE html> | 
|  | 2 <meta charset="utf-8"> | 
|  | 3 <script> | 
|  | 4 if(window.testRunner) | 
|  | 5     testRunner.waitUntilDone(); | 
|  | 6 | 
|  | 7 fetch('/resources/variabletest_box.ttf').then(function(response) { | 
|  | 8     response.arrayBuffer().then(function(fontBuffer) { | 
|  | 9         var fontface = new FontFace("variabletest_box", fontBuffer); | 
|  | 10         fontface.load().then(function() { | 
|  | 11             document.fonts.add(fontface); | 
|  | 12             if(window.testRunner) | 
|  | 13                 testRunner.notifyDone(); | 
|  | 14         }); | 
|  | 15     }); | 
|  | 16 }); | 
|  | 17 </script> | 
|  | 18 <style> | 
|  | 19     body { | 
|  | 20     font-family: variabletest_box; | 
|  | 21     font-size: 200px; | 
|  | 22     } | 
|  | 23 | 
|  | 24     .a_low { | 
|  | 25     font-variation-settings: "upwd" 0; | 
|  | 26     } | 
|  | 27 | 
|  | 28     .a_up { | 
|  | 29     font-variation-settings: "upwd" 350; | 
|  | 30     } | 
|  | 31 </style> | 
|  | 32 <!-- The variabletest_box font has an A glyph that looks like a lower half box, | 
|  | 33   with deltas on the 'upwd' variation axis that allow shifting the box up. At | 
|  | 34   350, the box is at the top. The font also has two glyphs for UPPER HALF BLOCK | 
|  | 35   and LOWER HALF BLOCK, which look identical to the respective variations of A. | 
|  | 36 --> | 
|  | 37 A <span class="a_up">A</span> | 
| OLD | NEW | 
|---|