| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| @font-face { |
| font-family: "Amstelvar"; |
| src: url("resources/Amstelvar/Amstelvar-Roman-VF104.ttf") format("truetype"); |
| } |
| #target { |
| display: inline-block; |
| font: 10px "Amstelvar"; |
| transform: scale(10); |
| transform-origin: left top; |
| font-variation-settings: "opsz" 10; |
| } |
| </style> |
| </head> |
| <body> |
| <p>This test makes sure that <code>font-optical-sizing: auto</code> applies the correct value to the <code>opsz</code> variation axis. The test passes if the text below matches the expected text, pixel-per-pixel.</p> |
| <span id="target">Hello, world!</span> |
| </body> |
| </html> |
