<objective>
Complete reference for Tailwind CSS v4.1 typography utilities: font family (`font-sans`/`font-serif`/`font-mono`), font size and weight, text color/alignment, text wrapping including the v4.1 `balance`/`pretty` values, the new `text-shadow` utility, letter spacing (`tracking-*`), line height (`leading-*`), text decoration, and text transform (`uppercase`/`lowercase`/`capitalize`).
</objective>
Tailwind CSS Typography v4.1
Typography utilities for controlling font families, sizes, weights, text styling, spacing, and decoration in Tailwind CSS v4.1.
Core Features
- Font Family: font-sans, font-serif, font-mono
- Font Size: text-xs to text-9xl with scaling
- Font Weight: thin, extralight, light, normal, medium, semibold, bold, extrabold, black
- Text Color: Full color palette support
- Text Alignment: left, center, right, justify
- Text Wrapping: wrap, nowrap, balance, pretty (NEW in v4.1)
- Text Shadow: New utility for text-shadow effects
- Letter Spacing: tracking values
- Line Height: leading values
- Text Decoration: decoration styles and colors
- Text Transform: uppercase, lowercase, capitalize, normal-case
Detailed References
- fonts.md - Load when picking font-family/size/weight values, italics, numeric variants, or font smoothing
- text.md - Load when styling text color, alignment, wrapping (balance/pretty), text-shadow, decoration, transform, or whitespace
- spacing.md - Load when tuning letter-spacing (tracking) or line-height (leading)
微信扫一扫