Source code

Revision control

Copy as Markdown

Other Tools

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>CSS3 Text, text transform: capitalize, Deseret</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<style type='text/css'>
@font-face {
font-family: 'webfont';
src: url('/fonts/noto/NotoSansDeseret-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
.test, .ref { font-size: 125%; line-height: 1.5em; font-family: webfont, serif; }
.test span, .ref span { margin-right: 1em; white-space: nowrap; }
</style>
</head>
<body>
<p class="instructions">The text is arranged in pairs of three-letter 'words'. Test passes if the words in each pair match<br>
If you are missing a font glyph for a character, ignore that pair, but report which characters were ignored.</p>
<div class="test"><span title="U+10428">&#x10400;&#x10428;&#x10428; &#x10400;&#x10428;&#x10428;</span> <span title="U+10429">&#x10401;&#x10429;&#x10429; &#x10401;&#x10429;&#x10429;</span> <span title="U+1042A">&#x10402;&#x1042A;&#x1042A; &#x10402;&#x1042A;&#x1042A;</span> <span title="U+1042B">&#x10403;&#x1042B;&#x1042B; &#x10403;&#x1042B;&#x1042B;</span> <span title="U+1042C">&#x10404;&#x1042C;&#x1042C; &#x10404;&#x1042C;&#x1042C;</span> <span title="U+1042D">&#x10405;&#x1042D;&#x1042D; &#x10405;&#x1042D;&#x1042D;</span> <span title="U+1042E">&#x10406;&#x1042E;&#x1042E; &#x10406;&#x1042E;&#x1042E;</span> <span title="U+1042F">&#x10407;&#x1042F;&#x1042F; &#x10407;&#x1042F;&#x1042F;</span> <span title="U+10430">&#x10408;&#x10430;&#x10430; &#x10408;&#x10430;&#x10430;</span> <span title="U+10431">&#x10409;&#x10431;&#x10431; &#x10409;&#x10431;&#x10431;</span> <span title="U+10432">&#x1040A;&#x10432;&#x10432; &#x1040A;&#x10432;&#x10432;</span> <span title="U+10433">&#x1040B;&#x10433;&#x10433; &#x1040B;&#x10433;&#x10433;</span> <span title="U+10434">&#x1040C;&#x10434;&#x10434; &#x1040C;&#x10434;&#x10434;</span> <span title="U+10435">&#x1040D;&#x10435;&#x10435; &#x1040D;&#x10435;&#x10435;</span> <span title="U+10436">&#x1040E;&#x10436;&#x10436; &#x1040E;&#x10436;&#x10436;</span> <span title="U+10437">&#x1040F;&#x10437;&#x10437; &#x1040F;&#x10437;&#x10437;</span> <span title="U+10438">&#x10410;&#x10438;&#x10438; &#x10410;&#x10438;&#x10438;</span> <span title="U+10439">&#x10411;&#x10439;&#x10439; &#x10411;&#x10439;&#x10439;</span> <span title="U+1043A">&#x10412;&#x1043A;&#x1043A; &#x10412;&#x1043A;&#x1043A;</span> <span title="U+1043B">&#x10413;&#x1043B;&#x1043B; &#x10413;&#x1043B;&#x1043B;</span> <span title="U+1043C">&#x10414;&#x1043C;&#x1043C; &#x10414;&#x1043C;&#x1043C;</span> <span title="U+1043D">&#x10415;&#x1043D;&#x1043D; &#x10415;&#x1043D;&#x1043D;</span> <span title="U+1043E">&#x10416;&#x1043E;&#x1043E; &#x10416;&#x1043E;&#x1043E;</span> <span title="U+1043F">&#x10417;&#x1043F;&#x1043F; &#x10417;&#x1043F;&#x1043F;</span> <span title="U+10440">&#x10418;&#x10440;&#x10440; &#x10418;&#x10440;&#x10440;</span> <span title="U+10441">&#x10419;&#x10441;&#x10441; &#x10419;&#x10441;&#x10441;</span> <span title="U+10442">&#x1041A;&#x10442;&#x10442; &#x1041A;&#x10442;&#x10442;</span> <span title="U+10443">&#x1041B;&#x10443;&#x10443; &#x1041B;&#x10443;&#x10443;</span> <span title="U+10444">&#x1041C;&#x10444;&#x10444; &#x1041C;&#x10444;&#x10444;</span> <span title="U+10445">&#x1041D;&#x10445;&#x10445; &#x1041D;&#x10445;&#x10445;</span> <span title="U+10446">&#x1041E;&#x10446;&#x10446; &#x1041E;&#x10446;&#x10446;</span> <span title="U+10447">&#x1041F;&#x10447;&#x10447; &#x1041F;&#x10447;&#x10447;</span> <span title="U+10448">&#x10420;&#x10448;&#x10448; &#x10420;&#x10448;&#x10448;</span> <span title="U+10449">&#x10421;&#x10449;&#x10449; &#x10421;&#x10449;&#x10449;</span> <span title="U+1044A">&#x10422;&#x1044A;&#x1044A; &#x10422;&#x1044A;&#x1044A;</span> <span title="U+1044B">&#x10423;&#x1044B;&#x1044B; &#x10423;&#x1044B;&#x1044B;</span> <span title="U+1044C">&#x10424;&#x1044C;&#x1044C; &#x10424;&#x1044C;&#x1044C;</span> <span title="U+1044D">&#x10425;&#x1044D;&#x1044D; &#x10425;&#x1044D;&#x1044D;</span> <span title="U+1044E">&#x10426;&#x1044E;&#x1044E; &#x10426;&#x1044E;&#x1044E;</span> <span title="U+1044F">&#x10427;&#x1044F;&#x1044F; &#x10427;&#x1044F;&#x1044F;</span></div>
</body>
</html>