text-transform-fullwidth-005

text-transform: full-width with 2 digits (basic)

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Assertion
This test checks basic support of 'text-transform: full-width' in a vertical writing context. Since full-width digit characters are typeset upright, then both digit characters in the text sample should not be rotated toward the right but should be upright. This is furthermore the case since, in this test, there is no 'text-combine-upright' in effect or applying to such pair of digits.

Source

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
 2 <html>
 3 
 4  <head>
 5 
 6   <title>CSS Text Test: text-transform: full-width with 2 digits (basic)</title>
 7 
 8   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
 9   <link rel="help" href="https://www.w3.org/TR/css-text-3/#text-transform" title="2.1 Case Transforms: the 'text-transform' property">
10   <link rel="help" href="https://www.w3.org/TR/css-writing-modes-3/#text-combine-fullwidth" title="9.1.3.1 Full-width Characters">
11   <link rel="match" href="reference/text-transform-fullwidth-005-ref.htm">
12 
13   <meta content="" name="flags">
14   <meta content="This test checks basic support of 'text-transform: full-width' in a vertical writing context. Since full-width digit characters are typeset upright, then both digit characters in the text sample should not be rotated toward the right but should be upright. This is furthermore the case since, in this test, there is no 'text-combine-upright' in effect or applying to such pair of digits." name="assert">
15 
16   <meta name="DC.date.created" content="2017-01-26T09:54:03+11:00" scheme="W3CDTF">
17   <meta name="DC.date.modified" content="2017-02-18T09:54:03+11:00" scheme="W3CDTF">
18 
19   <style type="text/css">
20   div
21     {
22       writing-mode: vertical-rl;
23     }
24 
25   span
26     {
27       text-transform: full-width;
28     }
29   </style>
30  </head>
31 
32  <body>
33 
34   <p>Test passes if both pairs of "２３" glyphs have <strong>identical</strong> layout and orientation.</p>
35 
36   <div>
37 
38     <h1 id="test"><span>23</span>日</h1>
39 
40     <!-- &#50; or &#x32; or U+0032 In the basic latin range: ASCII Digit 2 -->
41 
42     <!-- &#51; or &#x33; or U+0033 In the basic latin range: ASCII Digit 3 -->
43 
44     <h1 id="reference">２３日</h1>
45 
46     <!--
47     ２ == &#65298; or &xFF12; or U+FF12 is the FULLWIDTH DIGIT 2 (≈ <wide> 0032 2)
48     ３ == &#65299; or &xFF13; or U+FF13 is the FULLWIDTH DIGIT 3 (≈ <wide> 0033 3)
49     In the Halfwidth and Fullwidth Forms range:
50     http://unicode.org/charts/PDF/UFF00.pdf
51     -->
52 
53   </div>
54 
55  </body>
56 </html>