shaping-arabic-diacritics-002.html (1334B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <title>shaping: Arabic diacritics on NBSP</title> 6 <meta name="assert" content="Shaping must work for diacritics rendered on NBSP as base"> 7 <link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com"> 8 <link rel="help" href="https://www.unicode.org/versions/Unicode13.0.0/ch02.pdf"> 9 <link rel="help" href="https://www.unicode.org/reports/tr53/"> 10 <link rel="match" href="reference/shaping-arabic-diacritics-002-ref.html"> 11 <style type="text/css"> 12 @font-face { 13 font-family: ArabicTest; 14 src: url('/fonts/noto/NotoNaskhArabic-regular.woff2') format('woff2'); 15 } 16 .test { 17 font: 120px/2 ArabicTest, sans-serif; 18 } 19 .test span { 20 padding: .1em .05em 0; 21 background: black; 22 } 23 </style> 24 </head> 25 <body> 26 <p class="instructions">Test passes if the Arabic diacritics are entirely hidden by the black boxes.</p> 27 <!-- The Arabic characters here are ARABIC HAMZA ABOVE and ARABIC LETTER 28 SUPERSCRIPT ALEF, and (using the NotoNaskhArabic font) they should both 29 be entirely within the (padded) width of the NBSP, if they are properly 30 positioned (regardless of their order). --> 31 <div class=test>a<span dir=rtl> ٰٔ</span>z</div> 32 <div class=test>a<span dir=rtl> ٰٔ</span>z</div> 33 </body> 34 </html>