third_party/WebKit/LayoutTests/fast/writing-mode/text-orientation-basic.html

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