tor-browser

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

shaping-tatweel-002-ref.html (1385B)

      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>CSS Text level 3 Test reference</title>
      4 <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net/">
      5 <style>
      6  table {
      7    font-size: 3em;
      8    border-spacing: 0 3px;
      9  }
     10  td {
     11    padding: 0 0.5ch;
     12    line-height: 1;
     13    border: 1px solid;
     14  }
     15  @font-face {
     16    font-family: 'tatweel';
     17    src: url('/fonts/Scheherazade-Regular.woff') format('woff');
     18  }
     19  @font-face {
     20    font-family: 'csstest_noto';
     21    src: url('/fonts/noto/NotoNaskhArabic-regular.woff2') format('woff2');
     22  }
     23  span {
     24    font-family: 'tatweel';
     25    line-height: 0;
     26  }
     27  table {
     28    font-family: 'csstest_noto';
     29  }
     30 </style>
     31 
     32 <p>Test passes if both halves of each of the pairs below are identical:
     33 
     34 <table dir=rtl lang=ar>
     35 <tr><!-- alef, final form as it doesn't have a medial form -->
     36  <td><span>&#x640;</span>&#xFE8E;<span>&#x640;</span>
     37  <td><span>&#x640;</span>&#xFE8E;<span>&#x640;</span>
     38 <tr><!-- alef, final form -->
     39  <td><span>&#x640;</span>&#xFE8E;
     40  <td><span>&#x640;</span>&#xFE8E;
     41 <tr><!-- beh, initial form -->
     42  <td>&#xFE91;<span>&#x640;</span>
     43  <td>&#xFE91;<span>&#x640;</span>
     44 <tr><!-- beh, medial form -->
     45  <td><span>&#x640;</span>&#xFE92;<span>&#x640;</span>
     46  <td><span>&#x640;</span>&#xFE92;<span>&#x640;</span>
     47 <tr><!-- beh, final form -->
     48  <td><span>&#x640;</span>&#xFE90;
     49  <td><span>&#x640;</span>&#xFE90;
     50 </table>