css/css-text/text-transform/text-transform-upperlower-028.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>CSS3 Text, text transform: Deseret, uppercase</title>
<meta name="assert" content="For the Deseret Unicode block, text-transform: uppercase puts all letters in uppercase .">
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<link rel='help' href='https://drafts.csswg.org/css-text-3/#text-transform'>
<link rel="match" href="reference/text-transform-upperlower-028-ref.html">
<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; }
/* the CSS above is not part of the test */
.test { text-transform: uppercase; }
</style>
</head>
<body>
<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>
<div class="test"><span title="U+10428">&#x10428; &#x10400;</span> <span title="U+10429">&#x10429; &#x10401;</span> <span title="U+1042A">&#x1042A; &#x10402;</span> <span title="U+1042B">&#x1042B; &#x10403;</span> <span title="U+1042C">&#x1042C; &#x10404;</span> <span title="U+1042D">&#x1042D; &#x10405;</span> <span title="U+1042E">&#x1042E; &#x10406;</span> <span title="U+1042F">&#x1042F; &#x10407;</span> <span title="U+10430">&#x10430; &#x10408;</span> <span title="U+10431">&#x10431; &#x10409;</span> <span title="U+10432">&#x10432; &#x1040A;</span> <span title="U+10433">&#x10433; &#x1040B;</span> <span title="U+10434">&#x10434; &#x1040C;</span> <span title="U+10435">&#x10435; &#x1040D;</span> <span title="U+10436">&#x10436; &#x1040E;</span> <span title="U+10437">&#x10437; &#x1040F;</span> <span title="U+10438">&#x10438; &#x10410;</span> <span title="U+10439">&#x10439; &#x10411;</span> <span title="U+1043A">&#x1043A; &#x10412;</span> <span title="U+1043B">&#x1043B; &#x10413;</span> <span title="U+1043C">&#x1043C; &#x10414;</span> <span title="U+1043D">&#x1043D; &#x10415;</span> <span title="U+1043E">&#x1043E; &#x10416;</span> <span title="U+1043F">&#x1043F; &#x10417;</span> <span title="U+10440">&#x10440; &#x10418;</span> <span title="U+10441">&#x10441; &#x10419;</span> <span title="U+10442">&#x10442; &#x1041A;</span> <span title="U+10443">&#x10443; &#x1041B;</span> <span title="U+10444">&#x10444; &#x1041C;</span> <span title="U+10445">&#x10445; &#x1041D;</span> <span title="U+10446">&#x10446; &#x1041E;</span> <span title="U+10447">&#x10447; &#x1041F;</span> <span title="U+10448">&#x10448; &#x10420;</span> <span title="U+10449">&#x10449; &#x10421;</span> <span title="U+1044A">&#x1044A; &#x10422;</span> <span title="U+1044B">&#x1044B; &#x10423;</span> <span title="U+1044C">&#x1044C; &#x10424;</span> <span title="U+1044D">&#x1044D; &#x10425;</span> <span title="U+1044E">&#x1044E; &#x10426;</span> <span title="U+1044F">&#x1044F; &#x10427;</span> </div>
</body>
</html>