Tailwind CSS Text Utilities

A collection of flashcards detailing the utilities for text styling in Tailwind CSS.

Font Size

Utility classes to control font size, e.g., text-xs for extra small text, text-lg for large, up to text-9xl.

Font Weight

Controls the boldness of text, with classes such as font-thin, font-bold, and font-black.

Font Family

Sets the type of font, with options like font-sans, font-serif, and font-mono.

Text Color

Changes the color of the text using classes like text-gray-700, text-blue-500, etc.

Text Alignment

Utilities for aligning text, e.g., text-left, text-center, text-right.

Letter Spacing

Controls the spacing between letters using classes like tracking-tighter and tracking-widest.

Line Height

Also called leading, it controls the vertical spacing between lines, with options like leading-normal and leading-loose.

Text Decoration

Adds styles such as underlines or strikes with classes like underline and no-underline.

Text Transform

Changes the text case with utilities like uppercase, lowercase, and capitalize.