hyphens-shaping-001-ref.html (825B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Text level 3 Test reference</title> 4 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/"> 5 <style> 6 @font-face { 7 font-family: 'csstest_noto'; 8 src: url('/fonts/noto/NotoNaskhArabic-regular.woff2') format('woff2'); 9 } 10 div { 11 font-family: 'csstest_noto'; 12 font-size: 3em; 13 line-height: 1; /* Not strictly needed, but it gets quite tall otherwise, so this helps fit the screen. */ 14 width: 0; 15 hyphens: manual; 16 margin: 1em auto; 17 } 18 .ref { color: orange; } 19 </style> 20 21 <p>Test passes if the black text is identical to the orange text (except the color). 22 23 <div dir=rtl lang=ug class=ref>ﺩﺍﻣﻴ<br>ﺪﻯ</div> 24 25 <div dir=rtl lang=ug>ﺩﺍﻣﻴ<br>ﺪﻯ</div>