<!DOCTYPE html>
<html>
<head>
<style>
@font-face {
    font-family: 'Litherum';
    src: url("resources/svg-font-general.svg#Litherum") format(svg);
}
@font-face {
    font-family: 'Litherum3';
    src: url("resources/svg-font-general.svg#Litherum3") format(svg);
}
@font-face {
    font-family: 'Litherum5';
    src: url("resources/svg-font-general.svg#Litherum5") format(svg);
}
@font-face {
    font-family: 'Litherum6';
    src: url("resources/svg-font-general.svg#Litherum6") format(svg);
}
@font-face {
    font-family: 'Litherum7';
    src: url("resources/svg-font-general.svg#Litherum7") format(svg);
}
</style>
</head>
<body style="-webkit-font-smoothing: none;">
These tests test horiz-origin, fallback of horiz-adv property, glyph rendering, ligatures, svg -&gt; native fallback, and units-per-em, respectively.
<div><span style="font: 50px Litherum;">AAAB</span>AAA</div>
<div><span style="font: 50px Litherum3;">AAA</span>AAA</div>
<div><span style="font: 50px Litherum3;">AAA</span>AAA</div>
<div><span style="font: 50px Litherum3;">BC</span><span style="font: 50px Litherum5;">A</span></div>
<div style="font-size: 50px;"><span style="font-family: Litherum3, Times;">AZAZA</span><span style="font-family: Times, Litherum3">&#x672c;N&#x672c;N&#x672c;</span></div>
<div style="font-size: 50px;"><span style="font-family: Litherum6;">AB</span><br/><span style="font-family: Litherum6;">AB</span></div>
<div style="font: 50px Litherum7; position: absolute; left: 400px; top: 100px;">A</div>
</body>
</html>