shaping-tatweel-001-ref.html (1079B)
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: 'csstest_noto'; 17 src: url('/fonts/noto/NotoNaskhArabic-regular.woff2') format('woff2'); 18 font-weight: normal; 19 font-style: normal; 20 } 21 table { 22 font-family: 'csstest_noto'; 23 } 24 </style> 25 26 <p>Test passes if both halves of each of the pairs below are identical: 27 28 <table dir=rtl lang=ar> 29 <tr><!-- alef, final form as it doesn't have a medial form --> 30 <td>ـﺎـ 31 <td>ـﺎـ 32 <tr><!-- alef, final form --> 33 <td>ـﺎ 34 <td>ـﺎ 35 <tr><!-- beh, initial form --> 36 <td>ﺑـ 37 <td>ﺑـ 38 <tr><!-- beh, medial form --> 39 <td>ـﺒـ 40 <td>ـﺒـ 41 <tr><!-- beh, final form --> 42 <td>ـﺐ 43 <td>ـﺐ 44 </table>