Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-text/shaping/shaping-arabic-diacritics-002.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>shaping: Arabic diacritics on NBSP</title>
<meta name="assert" content="Shaping must work for diacritics rendered on NBSP as base">
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<link rel="match" href="reference/shaping-arabic-diacritics-002-ref.html">
<style type="text/css">
@font-face {
font-family: ArabicTest;
src: url('/fonts/noto/NotoNaskhArabic-regular.woff2') format('woff2');
}
.test {
font: 120px/2 ArabicTest, sans-serif;
}
.test span {
padding: .1em .05em 0;
background: black;
}
</style>
</head>
<body>
<p class="instructions">Test passes if the Arabic diacritics are entirely hidden by the black boxes.</p>
<!-- The Arabic characters here are ARABIC HAMZA ABOVE and ARABIC LETTER
SUPERSCRIPT ALEF, and (using the NotoNaskhArabic font) they should both
be entirely within the (padded) width of the NBSP, if they are properly
positioned (regardless of their order). -->
<div class=test>a<span dir=rtl> ٰٔ</span>z</div>
<div class=test>a<span dir=rtl> ٰٔ</span>z</div>
</body>
</html>