SVG letter-spacing Property
letter-spacing adds a uniform amount of extra space between every character, unlike kerning's per-pair adjustments.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
Uniform Spacing vs Kerning's Pair-Specific Adjustments
While kerning adjusts spacing for specific character pairs based on font-designer data, letter-spacing applies one uniform additional space value between every character regardless of which specific letters are adjacent, making it a blunter but more predictable and directly controllable tool for adjusting overall text density.
- letter-spacing applies one uniform value between every character pair
- Unlike kerning, it doesn't vary based on which specific letters are adjacent
- Offers a blunter but more predictable, directly controllable spacing tool
Common Uses for Letter Spacing in SVG Text
Increased letter-spacing is popular for stylized display headings, logo wordmarks, and small caps or all-caps text treatments where extra breathing room between characters improves legibility and visual polish, while negative letter-spacing occasionally tightens overly loose display type for a denser, bolder visual effect.
- Increased spacing suits stylized headings, wordmarks, and all-caps treatments
- Extra breathing room between characters improves legibility and visual polish
- Negative values occasionally tighten loose display type for a denser look
Frequently Asked Questions
Can I combine letter-spacing with kerning for fine-tuned typography?
Yes, letter-spacing's uniform adjustment and kerning's pair-specific adjustment work together rather than conflicting, letting you set an overall spacing baseline with letter-spacing while kerning still fine-tunes individual problem pairs.
Does letter-spacing affect the last character's trailing space too?
Behavior can vary slightly by browser regarding trailing space after the final character — testing the specific rendering in your target browsers is worthwhile if precise text block width matters for your layout.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Try It Free — Convert Image to SVG