Index: third_party/WebKit/LayoutTests/fast/text/variable-fonts/variable-box-font-inline.html |
diff --git a/third_party/WebKit/LayoutTests/fast/text/variable-fonts/variable-box-font-inline.html b/third_party/WebKit/LayoutTests/fast/text/variable-fonts/variable-box-font-inline.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..f0bce91ccc2d1ee0b4068f9a880b3081bb5f42f2 |
--- /dev/null |
+++ b/third_party/WebKit/LayoutTests/fast/text/variable-fonts/variable-box-font-inline.html |
@@ -0,0 +1,28 @@ |
+<!DOCTYPE html> |
+<meta charset="utf-8"> |
+<style> |
+@font-face { |
+ font-family: variabletest_box; |
+ src:url(data:font/opentype;base64,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); |
eae
2016/12/16 18:48:27
Why do you have both an inline and an external-res
drott
2016/12/19 14:12:34
There are two changes to add variation parameters
|
+} |
+ |
+ body { |
+ font-family: variabletest_box, |
+ sans-serif; |
+ 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> |