Source code

Revision control

Copy as Markdown

Other Tools

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>CSS3 Text, text transform: Latin Basic and Latin-1 uppercase</title>
<link rel='author' title='Richard Ishida' href='mailto:ishida@w3.org'>
<style type='text/css'>
@font-face {
font-family: 'webfont';
src: url('/fonts/DoulosSIL-R.woff') format('woff');
font-weight: normal;
font-style: normal;
}
.test, .ref { font-size: 125%; line-height: 1.5em; font-family: 'Doulos SIL', 'Noto Serif', 'Noto Sans', webfont, sans-serif; }
.test span, .ref span { margin-right: 1em; white-space: nowrap; }
</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>A A</span> <span>B B</span> <span>C C</span> <span>D D</span> <span>E E</span> <span>F F</span> <span>G G</span> <span>H H</span> <span>I I</span> <span>J J</span> <span>K K</span> <span>L L</span> <span>M M</span> <span>N N</span> <span>O O</span> <span>P P</span> <span>Q Q</span> <span>R R</span> <span>S S</span> <span>T T</span> <span>U U</span> <span>V V</span> <span>W W</span> <span>X X</span> <span>Y Y</span> <span>Z Z</span> <span title="U+00B5">&#x039C; &#x039C;</span> <span title="U+00E0">&#x00C0; &#x00C0;</span> <span title="U+00E1">&#x00C1; &#x00C1;</span> <span title="U+00E2">&#x00C2; &#x00C2;</span> <span title="U+00E3">&#x00C3; &#x00C3;</span> <span title="U+00E4">&#x00C4; &#x00C4;</span> <span title="U+00E5">&#x00C5; &#x00C5;</span> <span title="U+00E6">&#x00C6; &#x00C6;</span> <span title="U+00E7">&#x00C7; &#x00C7;</span> <span title="U+00E8">&#x00C8; &#x00C8;</span> <span title="U+00E9">&#x00C9; &#x00C9;</span> <span title="U+00EA">&#x00CA; &#x00CA;</span> <span title="U+00EB">&#x00CB; &#x00CB;</span> <span title="U+00EC">&#x00CC; &#x00CC;</span> <span title="U+00ED">&#x00CD; &#x00CD;</span> <span title="U+00EE">&#x00CE; &#x00CE;</span> <span title="U+00EF">&#x00CF; &#x00CF;</span> <span title="U+00F0">&#x00D0; &#x00D0;</span> <span title="U+00F1">&#x00D1; &#x00D1;</span> <span title="U+00F2">&#x00D2; &#x00D2;</span> <span title="U+00F3">&#x00D3; &#x00D3;</span> <span title="U+00F4">&#x00D4; &#x00D4;</span> <span title="U+00F5">&#x00D5; &#x00D5;</span> <span title="U+00F6">&#x00D6; &#x00D6;</span> <span title="U+00F8">&#x00D8; &#x00D8;</span> <span title="U+00F9">&#x00D9; &#x00D9;</span> <span title="U+00FA">&#x00DA; &#x00DA;</span> <span title="U+00FB">&#x00DB; &#x00DB;</span> <span title="U+00FC">&#x00DC; &#x00DC;</span> <span title="U+00FD">&#x00DD; &#x00DD;</span> <span title="U+00FE">&#x00DE; &#x00DE;</span> <span title="U+00FF">&#x0178; &#x0178;</span></div>
</body>
</html>