Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /css/css-text/letter-spacing/letter-spacing-cursive-002.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>
CSS Text Test - Letter-spacing should not be applied for Cursive Scripts.
</title>
<link rel="match" href="reference/letter-spacing-cursive-002-ref.html">
<meta name="assert" content="Suppress letter-spacing between Arabic letters.
Letter-spacing is nonetheless applied to non-Arabic characters (like spaces).">
<style>
div {
margin: 1em;
font: 24px serif;
}
.letterspace {
letter-spacing: 1em; /* Does not affect Arabic text, but does affect the space */
}
.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 class=letterspace>
الإبداع المتجدد
</div>
<br>
<div>
الإبداع<span class=ws> </span>المتجدد
</div>
<br>
</body>
</html>