# Tailwindcss Typography

> Use when setting font family/size/weight, aligning or wrapping text (balance/pretty), applying text-shadow or decoration, or letter/line spacing.

- Skill: `fusengine/tailwindcss-typography` (Agent Skill, multi-file: 4 files)
- Install (CLI): `npx skillmds@latest add fusengine/tailwindcss-typography`
- Raw SKILL.md: https://api.skillmd.com/api/skills/fusengine/tailwindcss-typography/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Design & Media
- Author: fusengine (https://skillmd.com/u/fusengine)
- Updated: 2026-09-10
- Page: https://skillmd.com/skills/fusengine/tailwindcss-typography

---


<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](references/fonts.md) - Load when picking font-family/size/weight values, italics, numeric variants, or font smoothing
- [text.md](references/text.md) - Load when styling text color, alignment, wrapping (balance/pretty), text-shadow, decoration, transform, or whitespace
- [spacing.md](references/spacing.md) - Load when tuning letter-spacing (tracking) or line-height (leading)