text-transform-upperlower-102

CSS3 Text, text transform: Latin Extended-D, lowercase

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Flags
font
Assertion
For the Latin Extended-D Unicode block, text-transform: lowercase puts all letters in lowercase .

Source

 1 <!DOCTYPE html>
 2 <html lang="en"><head>
 3 <meta charset="utf-8">
 4 <title>CSS3 Text, text transform: Latin Extended-D, lowercase</title>
 5 <meta content="For the Latin Extended-D Unicode block, text-transform: lowercase puts all letters in lowercase ." name="assert">
 6 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
 7 <link href="https://drafts.csswg.org/css-text-3/#text-transform" rel="help">
 8 <link href="reference/text-transform-upperlower-102-ref.htm" rel="match">
 9 <meta content="font" name="flags">
10 <style type="text/css">
11 @font-face {
12 	font-family: 'webfont';
13 	src: url('../../fonts/DoulosSIL-R.woff') format('woff');
14 	font-weight: normal;
15 	font-style: normal;
16 	}
17 .test, .ref { font-size: 200%; line-height: 2.5em; font-family: webfont, serif; }
18 .test span, .ref span { margin-right: 1em; white-space: nowrap; }
19 /* the CSS above is not part of the test */
20 .test { text-transform: lowercase; }
21 </style>
22 </head>
23 <body>
24 <p class="instructions">Test passes if both characters in each pair match. If you are missing a font glyph for a character, ignore that pair, but report which characters were ignored.</p>
25 <div class="test"><span title="U+A722">Ꜣ ꜣ</span> <span title="U+A724">Ꜥ ꜥ</span> <span title="U+A726">Ꜧ ꜧ</span> <span title="U+A728">Ꜩ ꜩ</span> <span title="U+A72A">Ꜫ ꜫ</span> <span title="U+A72C">Ꜭ ꜭ</span> <span title="U+A72E">Ꜯ ꜯ</span> <span title="U+A732">Ꜳ ꜳ</span> <span title="U+A734">Ꜵ ꜵ</span> <span title="U+A736">Ꜷ ꜷ</span> <span title="U+A738">Ꜹ ꜹ</span> <span title="U+A73A">Ꜻ ꜻ</span> <span title="U+A73C">Ꜽ ꜽ</span> <span title="U+A73E">Ꜿ ꜿ</span> <span title="U+A740">Ꝁ ꝁ</span> <span title="U+A742">Ꝃ ꝃ</span> <span title="U+A744">Ꝅ ꝅ</span> <span title="U+A746">Ꝇ ꝇ</span> <span title="U+A748">Ꝉ ꝉ</span> <span title="U+A74A">Ꝋ ꝋ</span> <span title="U+A74C">Ꝍ ꝍ</span> <span title="U+A74E">Ꝏ ꝏ</span> <span title="U+A750">Ꝑ ꝑ</span> <span title="U+A752">Ꝓ ꝓ</span> <span title="U+A754">Ꝕ ꝕ</span> <span title="U+A756">Ꝗ ꝗ</span> <span title="U+A758">Ꝙ ꝙ</span> <span title="U+A75A">Ꝛ ꝛ</span> <span title="U+A75C">Ꝝ ꝝ</span> <span title="U+A75E">Ꝟ ꝟ</span> <span title="U+A760">Ꝡ ꝡ</span> <span title="U+A762">Ꝣ ꝣ</span> <span title="U+A764">Ꝥ ꝥ</span> <span title="U+A766">Ꝧ ꝧ</span> <span title="U+A768">Ꝩ ꝩ</span> <span title="U+A76A">Ꝫ ꝫ</span> <span title="U+A76C">Ꝭ ꝭ</span> <span title="U+A76E">Ꝯ ꝯ</span> <span title="U+A779">Ꝺ ꝺ</span> <span title="U+A77B">Ꝼ ꝼ</span> <span title="U+A77D">Ᵹ ᵹ</span> <span title="U+A77E">Ꝿ ꝿ</span> <span title="U+A780">Ꞁ ꞁ</span> <span title="U+A782">Ꞃ ꞃ</span> <span title="U+A784">Ꞅ ꞅ</span> <span title="U+A786">Ꞇ ꞇ</span> <span title="U+A78B">Ꞌ ꞌ</span> <span title="U+A78D">Ɥ ɥ</span> <span title="U+A790">Ꞑ ꞑ</span> <span title="U+A792">Ꞓ ꞓ</span> <span title="U+A796">Ꞗ ꞗ</span> <span title="U+A798">Ꞙ ꞙ</span> <span title="U+A79A">Ꞛ ꞛ</span> <span title="U+A79C">Ꞝ ꞝ</span> <span title="U+A79E">Ꞟ ꞟ</span> <span title="U+A7A0">Ꞡ ꞡ</span> <span title="U+A7A2">Ꞣ ꞣ</span> <span title="U+A7A4">Ꞥ ꞥ</span> <span title="U+A7A6">Ꞧ ꞧ</span> <span title="U+A7A8">Ꞩ ꞩ</span> <span title="U+A7AA">Ɦ ɦ</span> <span title="U+A7AB">Ɜ ɜ</span> <span title="U+A7AC">Ɡ ɡ</span> <span title="U+A7AD">Ɬ ɬ</span> <span title="U+A7B0">Ʞ ʞ</span> <span title="U+A7B1">Ʇ ʇ</span></div>
26 <!--Notes:
27 Characters from this block that do not have case equivalents: &#xA720; &#xA721; &#xA730; &#xA731; &#xA770; &#xA771; &#xA772; &#xA773; &#xA774; &#xA775; &#xA776; &#xA777; &#xA778; &#xA788; &#xA789; &#xA78A; &#xA78E; &#xA794; &#xA795; &#xA7F7; &#xA7F8; &#xA7F9; &#xA7FA; &#xA7FB; &#xA7FC; &#xA7FD; &#xA7FE; &#xA7FF;
28 Tip: To identify the characters where differences occur, in order to report problem characters,either mouse over to reveal a tooltip, or copy and paste the sequence into a tool such as <a href='http://r12a.github.io/uniview/' target='_blank'>UniView</a> or the <a href='http://r12a.github.io/apps/conversion/' target='_blank'>Unicode Conversion Tool</a>.
29 -->
30 </body></html>