Letter Spacing
Utilities for controlling the tracking (letter spacing) of an element.
| Class | Properties |
|---|---|
| tracking-1 | letter-spacing: 0.025em; |
| tracking-2 | letter-spacing: 0.1em; |
| tracking-3 | letter-spacing: 0.15em; |
| tracking-tighter | letter-spacing: -0.05em; |
| tracking-neg-3 | letter-spacing: -0.03em; |
| tracking-tight | letter-spacing: -0.025em; |
| tracking-neg-2 | letter-spacing: -0.02em; |
| tracking-neg-1 | letter-spacing: -0.01em; |
| tracking-normal | letter-spacing: 0em; |
| tracking-auto | letter-spacing: auto; |
| tracking-wide | letter-spacing: 0.025em; |
| tracking-wider | letter-spacing: 0.05em; |
| tracking-widest | letter-spacing: 0.1em; |
Setting the letter spacing
Use the tracking-* utilities to control the letter spacing of an element.
html
<p class="tracking-tight ...">The quick brown fox ...</p>
<p class="tracking-normal ...">The quick brown fox ...</p>
<p class="tracking-wide ...">The quick brown fox ...</p>