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 left-hand character in each pair matches the right-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>ı ı</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>ſ ſ</div>
<div>ƃ ƃ</div>
<div>ƅ ƅ</div>
<div>ƈ ƈ</div>
<div>ƌ ƌ</div>
<div>ƒ ƒ</div>
<div>ƕ ƕ</div>
<div>ƙ ƙ</div>
<div>ƞ ƞ</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>