Letter-spacing
Letter spacing, or tracking, is the typographic adjustment of horizontal space between adjacent characters or glyphs across text.
CSS in Depth, Second Edition
Tracking is the typographic adjustment of uniform spacing between characters across a range of text.
- How it is used
- Tunes horizontal text spacing to improve readability or establish a stylistic treatment for headings, slogans, buttons, and navigation.
- How deep it goes
- Defines the property, recommends small em-based experiments, and demonstrates body, slogan, and navigation applications without detailing browser internals.
- Examples
- Uses body copy, a hero slogan, uppercase navigation links, comparison figures, and CSS listings to show spacing changes.
- What you can do after
- Apply letter-spacing through CSS by testing tight and loose values, then selecting spacing appropriate to text length and purpose.
Read how CSS in Depth, Second Edition explains letter-spacing →
WordPress Power Toolkit: Harness AI to build next-level websites
Letter spacing is the amount of horizontal space placed between adjacent characters in text.
- How it is used
- Fine-tunes website typography so text better suits its topic, audience, readability goals, and visual style.
- How deep it goes
- Defines letter spacing and places it among adjustable typography settings, but does not explain measurement or implementation mechanics.
- Examples
- Uses a pet-adoption website and AI-generated typography critiques as the practical review scenario.
- What you can do after
- Apply it by fine-tuning theme typography and reviewing the finished website with objective AI feedback.
Read how WordPress Power Toolkit: Harness AI to build next-level websites explains letter-spacing →
Related concepts
- CSSconfigured by · CSS, or Cascading Style Sheets, is a stylesheet language for specifying the presentation and layout of structured documents and user interfaces.
- spacingconfigures · Spacing is the adjustable empty distance between or around textual, typographic, interface, or layout elements.
- typographypart of · Typography is the design and arrangement of written text, including typeface, size, spacing, alignment, and layout, to support readability and visual communication.
- code readabilityuses · Code readability is the ease with which human readers can perceive and understand source code, including its structure and intent.
- line-height propertyconfigures · The CSS line-height property specifies the height of each line box and thereby controls the vertical spacing of text lines.
These guides are generated from the text of Manning books by Manning's knowledge graph and link to the sections they draw on. The full books are available on liveBook and at manning.com.