shaping-arabic-diacritics-002-ref.html

Enable keyboard shortcuts

<!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>&nbsp;</span>z</div>

    <div class=test>a<span dir=rtl>&nbsp;</span>z</div>

</body>

</html>