| <!DOCTYPE html> |
| <html> |
| <head> |
| <style> |
| @font-face { |
| font-family: "Litherum"; |
| src: url("resources/tatechuyoko.svg#Litherum") format("svg"); |
| } |
| </style> |
| </head> |
| <body> |
| <p>This test makes sure that tatechuyoko glyphs are centered correctly within the space left for them. The test is successful if the three boxes on the left have the same vertical positions as the three boxes on the right. The two vertically-middle boxes should be vertically centered between the four corner boxes.</p> |
| <p>Note that the boxes' horizontal spacing is irrelevant here. We are only interested in vertical spacing.</p> |
| <div style="-webkit-writing-mode: vertical-rl;"> |
| <div><span style="font: 32px Ahem;">A</span><span style="font: 256px Litherum; -webkit-text-combine: horizontal;">A</span><span style="font: 32px Ahem;">A</span></div> |
| <div><span style="font: 32px Ahem;">A</span><span style="font: 256px Litherum; -webkit-text-combine: horizontal;">A</span><span style="font: 32px Ahem;">A</span></div> |
| </div> |
| </body> |
| </html> |
