| <!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 -> 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">本N本N本</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> |
