Chromium Code Reviews| 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> |