| <!DOCTYPE html> |
| <html class="reftest-wait"> |
| <link rel="match" href="variable-gpos-m2b-ref.html"> |
| <meta charset="utf-8"> |
| <style> |
| @font-face { |
| font-family: variabletest_box; |
| src: url(resources/variabletest_box.ttf); |
| } |
| |
| body { |
| font-family: variabletest_box, sans-serif; |
| sans-serif; |
| font-size: 100px; |
| } |
| |
| .gpos_m2b_left { |
| font-variation-settings: "VM2B" 0; |
| } |
| |
| .gpos_m2b_middle { |
| font-variation-settings: "VM2B" 500; |
| } |
| |
| .gpos_m2b_right { |
| font-variation-settings: "VM2B" 1000; |
| } |
| </style> |
| <!-- The variabletest_box font has an M glyph saying "m2b pos" that combines |
| with the combining box below. And it has a glyph for combining box below |
| whose mark anchor can be shifted horizontally using the VM2B axis. The font |
| also has N and O glyphs which have fixed shifted base anchor points at the |
| middle and at the right position. In this ref test we check whether |
| applying the VM2B axis works as expected and shifts the mark anchor point |
| left so that the combining mark is placed correctly at the middle and at |
| the right position. The VM2B rendering must be identical to the |
| conventional rendering with the fixed base anchor points. --> |
| <span class="gpos_m2b_left">M̻</span> |
| <span class="gpos_m2b_middle">M̻</span> |
| <span class="gpos_m2b_right">M̻</span> |
| <script> |
| document.fonts.ready.then( |
| () => { document.documentElement.classList.remove("reftest-wait"); }); |
| </script> |
| </html> |