blob: 9cca9060e44af5db9af44cc2b1356b151047f2fc [file] [log] [blame]
<!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>