Source code
Revision control
Copy as Markdown
Other Tools
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>
<title>test reference</title>
<style type='text/css'>
/* the CSS below is not part of the test */
.test { line-height: 2; color: blue; }
.test div { white-space: nowrap; text-align: center;
width: 3em; display: inline-block; }</style>
<script type='text/javascript'>
//<![CDATA[
function setFontFamily () {var fontName = document.getElementById( 'fontName' ).value; var divs = document.getElementsByTagName('div'); var i = 0; var div; while (i < divs.length) { div = divs.item(i); if (div.className == 'test') { div.style.fontFamily = fontName; } i++; } }
//]]>
</script>
</head>
<body>
<p class="instructions">Test passes if the right-hand character in each pair matches the left-hand one.</p>
<div class="test">
<div>Ÿ Ÿ</div>
<div>Ā Ā</div>
<div>Ă Ă</div>
<div>Ą Ą</div>
<div>Ć Ć</div>
<div>Ĉ Ĉ</div>
<div>Ċ Ċ</div>
<div>Č Č</div>
<div>Ď Ď</div>
<div>Đ Đ</div>
<div>Ē Ē</div>
<div>Ĕ Ĕ</div>
<div>Ė Ė</div>
<div>Ę Ę</div>
<div>Ě Ě</div>
<div>Ĝ Ĝ</div>
<div>Ğ Ğ</div>
<div>Ġ Ġ</div>
<div>Ģ Ģ</div>
<div>Ĥ Ĥ</div>
<div>Ħ Ħ</div>
<div>Ĩ Ĩ</div>
<div>Ī Ī</div>
<div>Ĭ Ĭ</div>
<div>Į Į</div>
<div>I I</div>
<div>IJ IJ</div>
<div>Ĵ Ĵ</div>
<div>Ķ Ķ</div>
<div>Ĺ Ĺ</div>
<div>Ļ Ļ</div>
<div>Ľ Ľ</div>
<div>Ŀ Ŀ</div>
<div>Ł Ł</div>
<div>Ń Ń</div>
<div>Ņ Ņ</div>
<div>Ň Ň</div>
<div>Ŋ Ŋ</div>
<div>Ō Ō</div>
<div>Ŏ Ŏ</div>
<div>Ő Ő</div>
<div>Œ Œ</div>
<div>Ŕ Ŕ</div>
<div>Ŗ Ŗ</div>
<div>Ř Ř</div>
<div>Ś Ś</div>
<div>Ŝ Ŝ</div>
<div>Ş Ş</div>
<div>Š Š</div>
<div>Ţ Ţ</div>
<div>Ť Ť</div>
<div>Ŧ Ŧ</div>
<div>Ũ Ũ</div>
<div>Ū Ū</div>
<div>Ŭ Ŭ</div>
<div>Ů Ů</div>
<div>Ű Ű</div>
<div>Ų Ų</div>
<div>Ŵ Ŵ</div>
<div>Ŷ Ŷ</div>
<div>Ź Ź</div>
<div>Ż Ż</div>
<div>Ž Ž</div>
<div>S S</div>
<div>Ƃ Ƃ</div>
<div>Ƅ Ƅ</div>
<div>Ƈ Ƈ</div>
<div>Ƌ Ƌ</div>
<div>Ƒ Ƒ</div>
<div>Ƕ Ƕ</div>
<div>Ƙ Ƙ</div>
<div>Ƞ Ƞ</div>
<div>Ơ Ơ</div>
<div>Ƣ Ƣ</div>
<div>Ƥ Ƥ</div>
<div>Ƨ Ƨ</div>
<div>Ƭ Ƭ</div>
<div>Ư Ư</div>
<div>Ƴ Ƴ</div>
<div>Ƶ Ƶ</div>
<div>Ƹ Ƹ</div>
<div>Ƽ Ƽ</div>
<div>Ƿ Ƿ</div>
<div>DŽ DŽ</div>
<div>DŽ DŽ</div>
<div>LJ LJ</div>
<div>LJ LJ</div>
<div>NJ NJ</div>
<div>NJ NJ</div>
<div>Ǎ Ǎ</div>
<div>Ǐ Ǐ</div>
<div>Ǒ Ǒ</div>
<div>Ǔ Ǔ</div>
<div>Ǖ Ǖ</div>
<div>Ǘ Ǘ</div>
<div>Ǚ Ǚ</div>
<div>Ǜ Ǜ</div>
<div>Ǝ Ǝ</div>
<div>Ǟ Ǟ</div>
<div>Ǡ Ǡ</div>
<div>Ǣ Ǣ</div>
<div>Ǥ Ǥ</div>
<div>Ǧ Ǧ</div>
<div>Ǩ Ǩ</div>
<div>Ǫ Ǫ</div>
<div>Ǭ Ǭ</div>
<div>Ǯ Ǯ</div>
<div>DZ DZ</div>
<div>DZ DZ</div>
<div>Ǵ Ǵ</div>
<div>Ǹ Ǹ</div>
<div>Ǻ Ǻ</div>
<div>Ǽ Ǽ</div>
<div>Ǿ Ǿ</div>
<div>Ȁ Ȁ</div>
<div>Ȃ Ȃ</div>
<div>Ȅ Ȅ</div>
<div>Ȇ Ȇ</div>
<div>Ȉ Ȉ</div>
<div>Ȋ Ȋ</div>
<div>Ȍ Ȍ</div>
<div>Ȏ Ȏ</div>
<div>Ȑ Ȑ</div>
<div>Ȓ Ȓ</div>
<div>Ȕ Ȕ</div>
<div>Ȗ Ȗ</div>
<div>Ș Ș</div>
<div>Ț Ț</div>
<div>Ȝ Ȝ</div>
<div>Ȟ Ȟ</div>
<div>Ȣ Ȣ</div>
<div>Ȥ Ȥ</div>
<div>Ȧ Ȧ</div>
<div>Ȩ Ȩ</div>
<div>Ȫ Ȫ</div>
<div>Ȭ Ȭ</div>
<div>Ȯ Ȯ</div>
<div>Ȱ Ȱ</div>
<div>Ȳ Ȳ</div>
<div>Ɓ Ɓ</div>
<div>Ɔ Ɔ</div>
<div>Ɖ Ɖ</div>
<div>Ɗ Ɗ</div>
<div>Ə Ə</div>
<div>Ɛ Ɛ</div>
<div>Ɠ Ɠ</div>
<div>Ɣ Ɣ</div>
<div>Ɨ Ɨ</div>
<div>Ɩ Ɩ</div>
<div>Ɯ Ɯ</div>
<div>Ɲ Ɲ</div>
<div>Ɵ Ɵ</div>
<div>Ʀ Ʀ</div>
<div>Ʃ Ʃ</div>
<div>Ʈ Ʈ</div>
<div>Ʊ Ʊ</div>
<div>Ʋ Ʋ</div>
<div>Ʒ Ʒ</div>
<div>Ḁ Ḁ</div>
<div>Ḃ Ḃ</div>
<div>Ḅ Ḅ</div>
<div>Ḇ Ḇ</div>
<div>Ḉ Ḉ</div>
<div>Ḋ Ḋ</div>
<div>Ḍ Ḍ</div>
<div>Ḏ Ḏ</div>
<div>Ḑ Ḑ</div>
<div>Ḓ Ḓ</div>
<div>Ḕ Ḕ</div>
<div>Ḗ Ḗ</div>
<div>Ḙ Ḙ</div>
<div>Ḛ Ḛ</div>
<div>Ḝ Ḝ</div>
<div>Ḟ Ḟ</div>
<div>Ḡ Ḡ</div>
<div>Ḣ Ḣ</div>
<div>Ḥ Ḥ</div>
<div>Ḧ Ḧ</div>
<div>Ḩ Ḩ</div>
<div>Ḫ Ḫ</div>
<div>Ḭ Ḭ</div>
<div>Ḯ Ḯ</div>
<div>Ḱ Ḱ</div>
<div>Ḳ Ḳ</div>
<div>Ḵ Ḵ</div>
<div>Ḷ Ḷ</div>
<div>Ḹ Ḹ</div>
<div>Ḻ Ḻ</div>
<div>Ḽ Ḽ</div>
<div>Ḿ Ḿ</div>
<div>Ṁ Ṁ</div>
<div>Ṃ Ṃ</div>
<div>Ṅ Ṅ</div>
<div>Ṇ Ṇ</div>
<div>Ṉ Ṉ</div>
<div>Ṋ Ṋ</div>
<div>Ṍ Ṍ</div>
<div>Ṏ Ṏ</div>
<div>Ṑ Ṑ</div>
<div>Ṓ Ṓ</div>
<div>Ṕ Ṕ</div>
<div>Ṗ Ṗ</div>
<div>Ṙ Ṙ</div>
<div>Ṛ Ṛ</div>
<div>Ṝ Ṝ</div>
<div>Ṟ Ṟ</div>
<div>Ṡ Ṡ</div>
<div>Ṣ Ṣ</div>
<div>Ṥ Ṥ</div>
<div>Ṧ Ṧ</div>
<div>Ṩ Ṩ</div>
<div>Ṫ Ṫ</div>
<div>Ṭ Ṭ</div>
<div>Ṯ Ṯ</div>
<div>Ṱ Ṱ</div>
<div>Ṳ Ṳ</div>
<div>Ṵ Ṵ</div>
<div>Ṷ Ṷ</div>
<div>Ṹ Ṹ</div>
<div>Ṻ Ṻ</div>
<div>Ṽ Ṽ</div>
<div>Ṿ Ṿ</div>
<div>Ẁ Ẁ</div>
<div>Ẃ Ẃ</div>
<div>Ẅ Ẅ</div>
<div>Ẇ Ẇ</div>
<div>Ẉ Ẉ</div>
<div>Ẋ Ẋ</div>
<div>Ẍ Ẍ</div>
<div>Ẏ Ẏ</div>
<div>Ẑ Ẑ</div>
<div>Ẓ Ẓ</div>
<div>Ẕ Ẕ</div>
<div>Ṡ Ṡ</div>
<div>Ạ Ạ</div>
<div>Ả Ả</div>
<div>Ấ Ấ</div>
<div>Ầ Ầ</div>
<div>Ẩ Ẩ</div>
<div>Ẫ Ẫ</div>
<div>Ậ Ậ</div>
<div>Ắ Ắ</div>
<div>Ằ Ằ</div>
<div>Ẳ Ẳ</div>
<div>Ẵ Ẵ</div>
<div>Ặ Ặ</div>
<div>Ẹ Ẹ</div>
<div>Ẻ Ẻ</div>
<div>Ẽ Ẽ</div>
<div>Ế Ế</div>
<div>Ề Ề</div>
<div>Ể Ể</div>
<div>Ễ Ễ</div>
<div>Ệ Ệ</div>
<div>Ỉ Ỉ</div>
<div>Ị Ị</div>
<div>Ọ Ọ</div>
<div>Ỏ Ỏ</div>
<div>Ố Ố</div>
<div>Ồ Ồ</div>
<div>Ổ Ổ</div>
<div>Ỗ Ỗ</div>
<div>Ộ Ộ</div>
<div>Ớ Ớ</div>
<div>Ờ Ờ</div>
<div>Ở Ở</div>
<div>Ỡ Ỡ</div>
<div>Ợ Ợ</div>
<div>Ụ Ụ</div>
<div>Ủ Ủ</div>
<div>Ứ Ứ</div>
<div>Ừ Ừ</div>
<div>Ử Ử</div>
<div>Ữ Ữ</div>
<div>Ự Ự</div>
<div>Ỳ Ỳ</div>
<div>Ỵ Ỵ</div>
<div>Ỷ Ỷ</div>
<div>Ỹ Ỹ</div>
</div>
<!--p class="notes">Notes: <br />The <a href='http://www.w3.org/TR/REC-CSS2/text.html#propdef-text-transform'>CSS2 specification</a> only requires that text-transform work for 'the Latin1 repertoire'. It is not clear what characters the term 'Latin1' covers. This test assumes that it means the Basic Latin and Latin-1 Supplement blocks of the Unicode Standard (equivalent to ISO-8859-1).</p-->
<p id='fontChange' style='display: none;' class='notes'>If you are unable to see font glyphs for certain characters using the browsers default font you can apply a specific font by typing its name in the following box: <input class='css' name='fontName' id='fontName' value='' type='text' /> <button class='notes' type='button' onclick='setFontFamily()'>Apply</button></p><script type='text/javascript'>if (document.getElementById) {document.getElementById('fontChange').style.display = 'block'}</script></body>
</html>