Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-fonts/variations/variable-avar2-warp.html - WPT Dashboard Interop Dashboard
<!doctype html>
<html class="reftest-wait">
<title>Avar2 Designspace warping tested against avar1 reference</title>
<link rel="match" href="variable-avar2-warp-ref.html" />
<link rel="mismatch" href="variable-avar2-warp-mismatch.html" />
<meta charset="utf-8" />
<style>
@font-face {
font-family: avar2test_avar2;
src: url(../resources/avar/DesignSpaceWarpTestAvar2[opsz\,wdth\,wght].ttf);
}
body {
font-family: avar2test_avar2, sans-serif;
font-size: 200px;
}
.light-expanded {
font-variation-settings:
"wght" 100,
"wdth" 125;
}
.bold-condensed {
font-variation-settings:
"wght" 900,
"wdth" 75;
}
</style>
<!-- The DesignSpaceWarpTestAvar2 re-implements the DesignSpaceWarpTestAvar1
font, using an avar format 2 VarStore and deltas applied to design axes.
-->
H
<span class="light-expanded">H</span>
<span class="bold-condensed">H</span>
<script>
document.fonts.ready.then(() => {
document.documentElement.classList.remove("reftest-wait");
});
</script>
</html>