letter-spacing-cursive-002-ref.html

Enable keyboard shortcuts

<!DOCTYPE html>

<head>

<meta charset="utf-8">

<title>

CSS Text reference - Letter-spacing should not be applied for Cursive Scripts.

</title>

<style>

div {

  margin: 1em;

  font: 24px serif;

.ws {

  white-space: pre;

.ws::after { /* Fake letter-spacing for the space only */

  content: ' ';

  display: inline-block;

  width: 1em;

</style>

</head>

<body>

<p>

Both Arabic texts should display identically.

</p>

<div>

الإبداع<span class=ws> </span>المتجدد

</div>

<br>

<div>

الإبداع<span class=ws> </span>المتجدد

</div>

<br>

</body>

</html>