tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

shaping-010.html (1244B)

      1 <!DOCTYPE html>
      2 <html  lang="en" >
      3 <head>
      4 <meta charset="utf-8">
      5 <title>shaping: padding &gt; 0</title>
      6 <meta name="assert" content="Shaping MUST be broken across inline box boundaries when padding is set to a non-zero value.">
      7 <link rel="author" title="Richard Ishida" href="mailto:ishida@w3.org">
      8 <link rel="help" href="https://drafts.csswg.org/css-text/#boundary-shaping">
      9 <link rel="match" href="reference/shaping-010-ref.html">
     10 <style type="text/css">
     11 @font-face {
     12    font-family: 'csstest_noto';
     13    src: url('/fonts/noto/NotoNaskhArabic-regular.woff2') format('woff2');
     14    }
     15 .test, .ref { border: 1px solid #02D7F6;  margin: 20px;  padding: 10px; width: 3em; font-size: 120px; font-family: "csstest_noto"; }
     16 /* the CSS above is not part of the test */
     17 .padding { padding: 0.5em; }
     18 </style>
     19 </head>
     20 <body>
     21 <p class="instructions">Test passes if the three Arabic characters in each box DON'T join, making the two boxes identical.</p>
     22 
     23 <div class="test" lang="ar" dir="rtl">ع<span class="padding">ع</span>ع</div>
     24 <div class="ref" lang="ar" dir="rtl">ع&zwnj;<span class="padding">&zwnj;ع&zwnj;</span>&zwnj;ع</div>
     25 <!-- Notes:
     26 This test uses the Noto Naskh Arabic font to control variables related to font choice.
     27 -->
     28 </body>
     29 </html>