Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>shaping: Arabic diacritics on NBSP - reference</title>
<link rel="author" title="Jonathan Kew" href="mailto:jkew@mozilla.com">
<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>
<!-- Diacritics removed from the test lines, as they should have been completely obscured
by the black background anyhow. -->
<div class=test>a<span dir=rtl> </span>z</div>
<div class=test>a<span dir=rtl> </span>z</div>
</body>
</html>