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/text-transform/text-transform-letter-spacing-002.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS test: text-transform:uppercase + letter-spacing + ligatures</title>
<meta name="assert" content="When ligatures such as fi or ffi are decomposed by uppercasing, letter-spacing should apply between the glyphs.">
<link rel="match" href="text-transform-letter-spacing-002-ref.html">
<style>
.test1, .test2, .ref {
letter-spacing: 1em;
}
.test1 {
text-transform: uppercase;
}
.test2 {
text-transform: capitalize;
}
</style>
<p>Both lines in each pair should have the same spacing:</p>
<p class="test1">office files</p>
<p class="ref">OFFICE FILES</p>
<br>
<p class="test2">flying fish</p>
<p class="ref">Flying Fish</p>