Index: third_party/WebKit/LayoutTests/http/tests/webfont/variable-box-font-arraybuffer.html |
diff --git a/third_party/WebKit/LayoutTests/http/tests/webfont/variable-box-font-arraybuffer.html b/third_party/WebKit/LayoutTests/http/tests/webfont/variable-box-font-arraybuffer.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..ebe0bb408fe4fd5d4a945e1853997b005c8e2e6d |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/http/tests/webfont/variable-box-font-arraybuffer.html |
@@ -0,0 +1,37 @@ |
+<!DOCTYPE html> |
+<meta charset="utf-8"> |
+<script> |
+if(window.testRunner) |
+ testRunner.waitUntilDone(); |
+ |
+fetch('/resources/variabletest_box.ttf').then(function(response) { |
+ response.arrayBuffer().then(function(fontBuffer) { |
+ var fontface = new FontFace("variabletest_box", fontBuffer); |
+ fontface.load().then(function() { |
+ document.fonts.add(fontface); |
+ if(window.testRunner) |
+ testRunner.notifyDone(); |
+ }); |
+ }); |
+}); |
+</script> |
+<style> |
+ body { |
+ font-family: variabletest_box; |
+ font-size: 200px; |
+ } |
+ |
+ .a_low { |
+ font-variation-settings: "upwd" 0; |
+ } |
+ |
+ .a_up { |
+ font-variation-settings: "upwd" 350; |
+ } |
+</style> |
+<!-- The variabletest_box font has an A glyph that looks like a lower half box, |
+ with deltas on the 'upwd' variation axis that allow shifting the box up. At |
+ 350, the box is at the top. The font also has two glyphs for UPPER HALF BLOCK |
+ and LOWER HALF BLOCK, which look identical to the respective variations of A. |
+--> |
+A <span class="a_up">A</span> |