https://bugs.webkit.org/show_bug.cgi?id=48540, support the text-orientation CSS property.
[WebKit-https.git] / LayoutTests / fast / blockflow / text-orientation-basic.html
1 <body>
2 <p>This test shows the following bugs with text-orientation.  The far right test mis-renders differently in both the simple and complex text paths.
3 The simple text path mis-renders because <tt>CTFontGetVerticalTranslationsForGlyphs</tt> returns incorrect values for horizontal glyphs that have vertical
4 counterparts.  The complex text code path mis-renders because of API deficiency.  There is no way to tell CoreText to use upright horizontal glyphs when
5 rendering a vertical line.
6 </p>
7 <div style="-webkit-writing-mode:vertical-lr; height:600px; font-size:36px">
8 <div style="display:inline-block; border:1px solid green">
9 <span style="font-family:'Times New Roman'">Hello world</span><br>
10 <span style="font-family:'Times New Roman'; -webkit-text-orientation:upright">Hello world</span><br>
11 <span style="font-family:'Hiragino Kaku Gothic Pro'">Hello world</span><br>
12 <span style="font-family:'Hiragino Kaku Gothic Pro'; -webkit-text-orientation:upright">Hello world</span><br>
13 </div>
14
15 <div style="display:inline-block; border:1px solid green; text-rendering:optimizeLegibility">
16 <span style="font-family:'Times New Roman'">Hello world</span><br>
17 <span style="font-family:'Times New Roman'; -webkit-text-orientation:upright">Hello world</span><br>
18 <span style="font-family:'Hiragino Kaku Gothic Pro'">Hello world</span><br>
19 <span style="font-family:'Hiragino Kaku Gothic Pro'; -webkit-text-orientation:upright">Hello world</span><br>
20 </div>
21 </div>