<!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>