Letter Spacing
Use tracking-{value} utilities to control the letter spacing of text.
Basic example
Section titled “Basic example”Use utilities like tracking-tight and tracking-wide to set the letter spacing of an element:
Style('tracking-tight ...', child: Text('The quick brown fox ...'))Style('tracking-normal ...', child: Text('The quick brown fox ...'))Style('tracking-wide ...', child: Text('The quick brown fox ...'))Class reference
Section titled “Class reference”Named tracking values are em-based and scale with the element’s effective font size, matching Tailwind’s scale (e.g. tracking-wide on text-2xl text spreads further apart than on text-sm text).
| Class | Letter Spacing |
|---|---|
tracking-tighter | -0.05em |
tracking-tight | -0.025em |
tracking-normal | 0em |
tracking-wide | 0.025em |
tracking-wider | 0.05em |
tracking-widest | 0.1em |