Typography

Font Size

Control text size using classes like text-xs, text-sm, text-base, text-lg, text-xl, etc.

Example:

<p class="text-lg">Large text</p>

Font Shape

Adjust font weight with classes like font-light, font-normal, font-medium, font-bold. Control font style using italic or not-italic

Example:

<p class="font-bold italic">Bold and italic text</p>

Text Color

Set text color using classes like text-blue-500, text-red-700, text-gray-900

Example:

<p class="text-blue-500">Blue text</p>

Text Opacity

Control text opacity with classes like text-opacity-0, text-opacity-50, text-opacity-100

Example:

<p class="text-blue-500 text-opacity-50">Semi-transparent blue text</p>

Text Alignment

Align text using text-left, text-center, text-right, or text-justify.

Example:

<p class="text-center">Centered text</p>