Source code
Revision control
Copy as Markdown
Other Tools
<!doctype html>
<html class="reftest-wait">
<meta charset="utf-8" />
<style>
@font-face {
font-family: avar2test_avar1substitution;
src: url(../resources/avar/rvrnTestAvar1[opsz\,wdth\,wght].ttf);
}
body {
font-family: avar2test_avar1substitution, sans-serif;
font-size: 220px;
}
.variable-alternates {
font-variation-settings:
"wght" 1000,
"wdth" 90;
}
.avar-alternates {
font-variation-settings:
"wght" 1000,
"wdth" 75;
}
</style>
<!-- The avar2test_avar1substitution font uses the rlig opentype feature
to perform a glyph substitution at wdth 90.
Using the avar1 table, the font distorts the designspace
so that the substitution occurs at wdth 75 instead.
By default, no substitutions occur at wdth 100.
-->
H
<span class="variable-alternates">H</span>
<span class="avar-alternates">H</span>
<script>
document.fonts.ready.then(() => {
document.documentElement.classList.remove("reftest-wait");
});
</script>
</html>