| <body style="overflow:hidden;"> |
| <p>This test exercises the vertical text rendering feature of Blink's shaping code, and checks for errors in font code |
| path selection: Vertical text should always go through the shaper. It exercises glyph orientation difficulties with |
| two different fonts. |
| </p> |
| <div style="-webkit-writing-mode:vertical-lr; height:600px; font-size:36px"> |
| <div style="display:inline-block; border:1px solid green"> |
| <span style="font-family:'Times New Roman'">Hello world</span><br> |
| <span style="font-family:'Times New Roman'; -webkit-text-orientation:upright">Hello world</span><br> |
| <span style="font-family:'Hiragino Kaku Gothic Pro'">Hello world</span><br> |
| <span style="font-family:'Hiragino Kaku Gothic Pro'; -webkit-text-orientation:upright">Hello world</span><br> |
| </div> |
| |
| <div style="display:inline-block; border:1px solid green; text-rendering:optimizeLegibility"> |
| <span style="font-family:'Times New Roman'">Hello world</span><br> |
| <span style="font-family:'Times New Roman'; -webkit-text-orientation:upright">Hello world</span><br> |
| <span style="font-family:'Hiragino Kaku Gothic Pro'">Hello world</span><br> |
| <span style="font-family:'Hiragino Kaku Gothic Pro'; -webkit-text-orientation:upright">Hello world</span><br> |
| </div> |
| </div> |