23 lines
626 B
HTML
23 lines
626 B
HTML
<!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>
|