hyphens-shaping-002.html (1112B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text level 3 Test: hyphenation and text-shaping</title> 4 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"> 5 <link rel="help" href="https://drafts.csswg.org/css-text-3/#word-break-shaping"> 6 <link rel="help" href="https://www.w3.org/TR/css-text-3/#hyphens-property"> 7 <link rel="mismatch" href="reference/hyphens-shaping-002-ref.html"> 8 <meta name="assert" content="Checks that some kind of hyphen does get inserted in Uyghur. (Complement fo hyphens-shaping-001.html)"> 9 <style> 10 @font-face { 11 font-family: 'csstest_noto'; 12 src: url('/fonts/noto/NotoNaskhArabic-regular.woff2') format('woff2'); 13 } 14 /* The main text is invisible, 15 but we want to give the UA a chance to use the right hyphen, 16 which may be font dependent. 17 */ 18 div { 19 font-family: 'csstest_noto'; 20 font-size: 4em; 21 hyphens: manual; 22 margin: auto; 23 width: 0; 24 } 25 #test { color: transparent; } 26 span { color: black; } 27 </style> 28 29 <p>Test passes if there is something below: 30 31 <div dir=rtl lang=ug id=test>دامي<span>­</span>دى</div>