OLD | NEW |
1 <body style="overflow:hidden;"> | 1 <body style="overflow:hidden;"> |
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. | 2 <p>This test exercises the vertical text rendering feature of Blink's shaping co
de, and checks for errors in font code |
3 The simple text path mis-renders because <tt>CTFontGetVerticalTranslationsForGly
phs</tt> returns incorrect values for horizontal glyphs that have vertical | 3 path selection: Vertical text should always go through the shaper. It exerci
ses glyph orientation difficulties with |
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 | 4 two different fonts. |
5 rendering a vertical line. | |
6 </p> | 5 </p> |
7 <div style="-webkit-writing-mode:vertical-lr; height:600px; font-size:36px"> | 6 <div style="-webkit-writing-mode:vertical-lr; height:600px; font-size:36px"> |
8 <div style="display:inline-block; border:1px solid green"> | 7 <div style="display:inline-block; border:1px solid green"> |
9 <span style="font-family:'Times New Roman'">Hello world</span><br> | 8 <span style="font-family:'Times New Roman'">Hello world</span><br> |
10 <span style="font-family:'Times New Roman'; -webkit-text-orientation:upright">He
llo world</span><br> | 9 <span style="font-family:'Times New Roman'; -webkit-text-orientation:upright">He
llo world</span><br> |
11 <span style="font-family:'Hiragino Kaku Gothic Pro'">Hello world</span><br> | 10 <span style="font-family:'Hiragino Kaku Gothic Pro'">Hello world</span><br> |
12 <span style="font-family:'Hiragino Kaku Gothic Pro'; -webkit-text-orientation:up
right">Hello world</span><br> | 11 <span style="font-family:'Hiragino Kaku Gothic Pro'; -webkit-text-orientation:up
right">Hello world</span><br> |
13 </div> | 12 </div> |
14 | 13 |
15 <div style="display:inline-block; border:1px solid green; text-rendering:optimiz
eLegibility"> | 14 <div style="display:inline-block; border:1px solid green; text-rendering:optimiz
eLegibility"> |
16 <span style="font-family:'Times New Roman'">Hello world</span><br> | 15 <span style="font-family:'Times New Roman'">Hello world</span><br> |
17 <span style="font-family:'Times New Roman'; -webkit-text-orientation:upright">He
llo world</span><br> | 16 <span style="font-family:'Times New Roman'; -webkit-text-orientation:upright">He
llo world</span><br> |
18 <span style="font-family:'Hiragino Kaku Gothic Pro'">Hello world</span><br> | 17 <span style="font-family:'Hiragino Kaku Gothic Pro'">Hello world</span><br> |
19 <span style="font-family:'Hiragino Kaku Gothic Pro'; -webkit-text-orientation:up
right">Hello world</span><br> | 18 <span style="font-family:'Hiragino Kaku Gothic Pro'; -webkit-text-orientation:up
right">Hello world</span><br> |
20 </div> | 19 </div> |
21 </div> | 20 </div> |
OLD | NEW |