summaryrefslogtreecommitdiffstats
path: root/third_party/WebKit/LayoutTests/fast/blockflow/text-orientation-basic.html
blob: 596045bba9249a7ccb64d337b29bd83186ac4ec0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<body>
<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.
The simple text path mis-renders because <tt>CTFontGetVerticalTranslationsForGlyphs</tt> returns incorrect values for horizontal glyphs that have vertical
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
rendering a vertical line.
</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>