letter-spacing-cursive-002-ref.html (572B)
1 <!DOCTYPE html> 2 <head> 3 <meta charset="utf-8"> 4 <title> 5 CSS Text reference - Letter-spacing should not be applied for Cursive Scripts. 6 </title> 7 <style> 8 div { 9 margin: 1em; 10 font: 24px serif; 11 } 12 13 .ws { 14 white-space: pre; 15 } 16 .ws::after { /* Fake letter-spacing for the space only */ 17 content: ' '; 18 display: inline-block; 19 width: 1em; 20 } 21 </style> 22 </head> 23 <body> 24 <p> 25 Both Arabic texts should display identically. 26 </p> 27 <div> 28 الإبداع<span class=ws> </span>المتجدد 29 </div> 30 <br> 31 <div> 32 الإبداع<span class=ws> </span>المتجدد 33 </div> 34 <br> 35 </body> 36 </html>