text-transform-upperlower-004

CSS3 Text, text transform: Latin Extended Additional, lowercase

WeasyPrint

Reference (good) by WeasyPrint

Reference (good) by this browser

This browser

Assertion
For the Latin Extended Additional Unicode block, text-transform: lowercase puts all letters in lowercase .

Source

 1 <!DOCTYPE html>
 2 <html lang="en"><head>
 3 <meta charset="utf-8">
 4 <title>CSS3 Text, text transform: Latin Extended Additional, lowercase</title>
 5 <meta content="For the Latin Extended Additional Unicode block, text-transform: lowercase puts all letters in lowercase ." name="assert">
 6 <link href="mailto:ishida@w3.org" rel="author" title="Richard Ishida">
 7 <link href="https://drafts.csswg.org/css-text-3/#text-transform" rel="help">
 8 <link href="reference/text-transform-upperlower-004-ref.htm" rel="match">
 9 <style type="text/css">
10 @font-face {
11 	font-family: 'webfont';
12 	src: url('../../fonts/DoulosSIL-R.woff') format('woff');
13 	font-weight: normal;
14 	font-style: normal;
15 	}
16 .test, .ref { font-size: 200%; line-height: 2.5em; font-family: 'Doulos SIL', 'Noto Sans', webfont, sans-serif; }
17 .test span, .ref span { margin-right: 1em; white-space: nowrap; }
18 /* the CSS above is not part of the test */
19 .test { text-transform: lowercase; }
20 </style>
21 </head>
22 <body>
23 <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>
24 <div class="test"><span title="U+1E00">Ḁ ḁ</span> <span title="U+1E02">Ḃ ḃ</span> <span title="U+1E04">Ḅ ḅ</span> <span title="U+1E06">Ḇ ḇ</span> <span title="U+1E08">Ḉ ḉ</span> <span title="U+1E0A">Ḋ ḋ</span> <span title="U+1E0C">Ḍ ḍ</span> <span title="U+1E0E">Ḏ ḏ</span> <span title="U+1E10">Ḑ ḑ</span> <span title="U+1E12">Ḓ ḓ</span> <span title="U+1E14">Ḕ ḕ</span> <span title="U+1E16">Ḗ ḗ</span> <span title="U+1E18">Ḙ ḙ</span> <span title="U+1E1A">Ḛ ḛ</span> <span title="U+1E1C">Ḝ ḝ</span> <span title="U+1E1E">Ḟ ḟ</span> <span title="U+1E20">Ḡ ḡ</span> <span title="U+1E22">Ḣ ḣ</span> <span title="U+1E24">Ḥ ḥ</span> <span title="U+1E26">Ḧ ḧ</span> <span title="U+1E28">Ḩ ḩ</span> <span title="U+1E2A">Ḫ ḫ</span> <span title="U+1E2C">Ḭ ḭ</span> <span title="U+1E2E">Ḯ ḯ</span> <span title="U+1E30">Ḱ ḱ</span> <span title="U+1E32">Ḳ ḳ</span> <span title="U+1E34">Ḵ ḵ</span> <span title="U+1E36">Ḷ ḷ</span> <span title="U+1E38">Ḹ ḹ</span> <span title="U+1E3A">Ḻ ḻ</span> <span title="U+1E3C">Ḽ ḽ</span> <span title="U+1E3E">Ḿ ḿ</span> <span title="U+1E40">Ṁ ṁ</span> <span title="U+1E42">Ṃ ṃ</span> <span title="U+1E44">Ṅ ṅ</span> <span title="U+1E46">Ṇ ṇ</span> <span title="U+1E48">Ṉ ṉ</span> <span title="U+1E4A">Ṋ ṋ</span> <span title="U+1E4C">Ṍ ṍ</span> <span title="U+1E4E">Ṏ ṏ</span> <span title="U+1E50">Ṑ ṑ</span> <span title="U+1E52">Ṓ ṓ</span> <span title="U+1E54">Ṕ ṕ</span> <span title="U+1E56">Ṗ ṗ</span> <span title="U+1E58">Ṙ ṙ</span> <span title="U+1E5A">Ṛ ṛ</span> <span title="U+1E5C">Ṝ ṝ</span> <span title="U+1E5E">Ṟ ṟ</span> <span title="U+1E60">Ṡ ṡ</span> <span title="U+1E62">Ṣ ṣ</span> <span title="U+1E64">Ṥ ṥ</span> <span title="U+1E66">Ṧ ṧ</span> <span title="U+1E68">Ṩ ṩ</span> <span title="U+1E6A">Ṫ ṫ</span> <span title="U+1E6C">Ṭ ṭ</span> <span title="U+1E6E">Ṯ ṯ</span> <span title="U+1E70">Ṱ ṱ</span> <span title="U+1E72">Ṳ ṳ</span> <span title="U+1E74">Ṵ ṵ</span> <span title="U+1E76">Ṷ ṷ</span> <span title="U+1E78">Ṹ ṹ</span> <span title="U+1E7A">Ṻ ṻ</span> <span title="U+1E7C">Ṽ ṽ</span> <span title="U+1E7E">Ṿ ṿ</span> <span title="U+1E80">Ẁ ẁ</span> <span title="U+1E82">Ẃ ẃ</span> <span title="U+1E84">Ẅ ẅ</span> <span title="U+1E86">Ẇ ẇ</span> <span title="U+1E88">Ẉ ẉ</span> <span title="U+1E8A">Ẋ ẋ</span> <span title="U+1E8C">Ẍ ẍ</span> <span title="U+1E8E">Ẏ ẏ</span> <span title="U+1E90">Ẑ ẑ</span> <span title="U+1E92">Ẓ ẓ</span> <span title="U+1E94">Ẕ ẕ</span> <span title="U+1E9E">ẞ ß</span> <span title="U+1EA0">Ạ ạ</span> <span title="U+1EA2">Ả ả</span> <span title="U+1EA4">Ấ ấ</span> <span title="U+1EA6">Ầ ầ</span> <span title="U+1EA8">Ẩ ẩ</span> <span title="U+1EAA">Ẫ ẫ</span> <span title="U+1EAC">Ậ ậ</span> <span title="U+1EAE">Ắ ắ</span> <span title="U+1EB0">Ằ ằ</span> <span title="U+1EB2">Ẳ ẳ</span> <span title="U+1EB4">Ẵ ẵ</span> <span title="U+1EB6">Ặ ặ</span> <span title="U+1EB8">Ẹ ẹ</span> <span title="U+1EBA">Ẻ ẻ</span> <span title="U+1EBC">Ẽ ẽ</span> <span title="U+1EBE">Ế ế</span> <span title="U+1EC0">Ề ề</span> <span title="U+1EC2">Ể ể</span> <span title="U+1EC4">Ễ ễ</span> <span title="U+1EC6">Ệ ệ</span> <span title="U+1EC8">Ỉ ỉ</span> <span title="U+1ECA">Ị ị</span> <span title="U+1ECC">Ọ ọ</span> <span title="U+1ECE">Ỏ ỏ</span> <span title="U+1ED0">Ố ố</span> <span title="U+1ED2">Ồ ồ</span> <span title="U+1ED4">Ổ ổ</span> <span title="U+1ED6">Ỗ ỗ</span> <span title="U+1ED8">Ộ ộ</span> <span title="U+1EDA">Ớ ớ</span> <span title="U+1EDC">Ờ ờ</span> <span title="U+1EDE">Ở ở</span> <span title="U+1EE0">Ỡ ỡ</span> <span title="U+1EE2">Ợ ợ</span> <span title="U+1EE4">Ụ ụ</span> <span title="U+1EE6">Ủ ủ</span> <span title="U+1EE8">Ứ ứ</span> <span title="U+1EEA">Ừ ừ</span> <span title="U+1EEC">Ử ử</span> <span title="U+1EEE">Ữ ữ</span> <span title="U+1EF0">Ự ự</span> <span title="U+1EF2">Ỳ ỳ</span> <span title="U+1EF4">Ỵ ỵ</span> <span title="U+1EF6">Ỷ ỷ</span> <span title="U+1EF8">Ỹ ỹ</span> <span title="U+1EFA">Ỻ ỻ</span> <span title="U+1EFC">Ỽ ỽ</span> <span title="U+1EFE">Ỿ ỿ</span></div>
25 <!--Notes:
26 Characters from this block that do not have case equivalents: &#x1E96; &#x1E97; &#x1E98; &#x1E99; &#x1E9A; &#x1E9C; &#x1E9D; &#x1E9F;
27 Tip: To identify the characters where differences occur, in order to report problem characters,either mouse over to reveal a tooltip, or copy and paste the sequence into a tool such as <a href='http://r12a.github.io/uniview/' target='_blank'>UniView</a> or the <a href='http://r12a.github.io/apps/conversion/' target='_blank'>Unicode Conversion Tool</a>.
28 -->
29 
30 </body></html>