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 |