text-transform-capitalize-028

CSS3 Text, text transform: capitalize, Deseret

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Flags
font
Assertion
For the Deseret Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected.

Source

 1 <!DOCTYPE html>
 2 <html lang="en"><head>
 3 <meta charset="utf-8">
 4 <title>CSS3 Text, text transform: capitalize, Deseret</title>
 5 <meta content="For the Deseret Unicode block, text-transform: capitalize puts the first typographic letter unit of each word in titlecase; other characters are unaffected." 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-capitalize-028-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/NotoSansDeseret-Regular.ttf') format('truetype');
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: capitalize; }
21 </style>
22 </head>
23 <body>
24 <p class="instructions">The text is arranged in pairs of three-letter 'words'. Test passes if the words in each pair match<br>
25 If you are missing a font glyph for a character, ignore that pair, but report which characters were ignored.</p>
26 <div class="test"><span title="U+10428">๐จ๐จ๐จ ๐€๐จ๐จ</span> <span title="U+10429">๐ฉ๐ฉ๐ฉ ๐๐ฉ๐ฉ</span> <span title="U+1042A">๐ช๐ช๐ช ๐‚๐ช๐ช</span> <span title="U+1042B">๐ซ๐ซ๐ซ ๐ƒ๐ซ๐ซ</span> <span title="U+1042C">๐ฌ๐ฌ๐ฌ ๐„๐ฌ๐ฌ</span> <span title="U+1042D">๐ญ๐ญ๐ญ ๐…๐ญ๐ญ</span> <span title="U+1042E">๐ฎ๐ฎ๐ฎ ๐†๐ฎ๐ฎ</span> <span title="U+1042F">๐ฏ๐ฏ๐ฏ ๐‡๐ฏ๐ฏ</span> <span title="U+10430">๐ฐ๐ฐ๐ฐ ๐ˆ๐ฐ๐ฐ</span> <span title="U+10431">๐ฑ๐ฑ๐ฑ ๐‰๐ฑ๐ฑ</span> <span title="U+10432">๐ฒ๐ฒ๐ฒ ๐Š๐ฒ๐ฒ</span> <span title="U+10433">๐ณ๐ณ๐ณ ๐‹๐ณ๐ณ</span> <span title="U+10434">๐ด๐ด๐ด ๐Œ๐ด๐ด</span> <span title="U+10435">๐ต๐ต๐ต ๐๐ต๐ต</span> <span title="U+10436">๐ถ๐ถ๐ถ ๐Ž๐ถ๐ถ</span> <span title="U+10437">๐ท๐ท๐ท ๐๐ท๐ท</span> <span title="U+10438">๐ธ๐ธ๐ธ ๐๐ธ๐ธ</span> <span title="U+10439">๐น๐น๐น ๐‘๐น๐น</span> <span title="U+1043A">๐บ๐บ๐บ ๐’๐บ๐บ</span> <span title="U+1043B">๐ป๐ป๐ป ๐“๐ป๐ป</span> <span title="U+1043C">๐ผ๐ผ๐ผ ๐”๐ผ๐ผ</span> <span title="U+1043D">๐ฝ๐ฝ๐ฝ ๐•๐ฝ๐ฝ</span> <span title="U+1043E">๐พ๐พ๐พ ๐–๐พ๐พ</span> <span title="U+1043F">๐ฟ๐ฟ๐ฟ ๐—๐ฟ๐ฟ</span> <span title="U+10440">๐‘€๐‘€๐‘€ ๐˜๐‘€๐‘€</span> <span title="U+10441">๐‘๐‘๐‘ ๐™๐‘๐‘</span> <span title="U+10442">๐‘‚๐‘‚๐‘‚ ๐š๐‘‚๐‘‚</span> <span title="U+10443">๐‘ƒ๐‘ƒ๐‘ƒ ๐›๐‘ƒ๐‘ƒ</span> <span title="U+10444">๐‘„๐‘„๐‘„ ๐œ๐‘„๐‘„</span> <span title="U+10445">๐‘…๐‘…๐‘… ๐๐‘…๐‘…</span> <span title="U+10446">๐‘†๐‘†๐‘† ๐ž๐‘†๐‘†</span> <span title="U+10447">๐‘‡๐‘‡๐‘‡ ๐Ÿ๐‘‡๐‘‡</span> <span title="U+10448">๐‘ˆ๐‘ˆ๐‘ˆ ๐ ๐‘ˆ๐‘ˆ</span> <span title="U+10449">๐‘‰๐‘‰๐‘‰ ๐ก๐‘‰๐‘‰</span> <span title="U+1044A">๐‘Š๐‘Š๐‘Š ๐ข๐‘Š๐‘Š</span> <span title="U+1044B">๐‘‹๐‘‹๐‘‹ ๐ฃ๐‘‹๐‘‹</span> <span title="U+1044C">๐‘Œ๐‘Œ๐‘Œ ๐ค๐‘Œ๐‘Œ</span> <span title="U+1044D">๐‘๐‘๐‘ ๐ฅ๐‘๐‘</span> <span title="U+1044E">๐‘Ž๐‘Ž๐‘Ž ๐ฆ๐‘Ž๐‘Ž</span> <span title="U+1044F">๐‘๐‘๐‘ ๐ง๐‘๐‘</span></div>
27 <!--Notes:
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 
31 </body></html>