Text Size Examples

This is extra small text (text-xs).

This is small text (text-sm).

This is base text (text-base). This is typically the browser's default font size, usually 16px.

This is large text (text-lg).

This is extra large text (text-xl).

This is 2x extra large text (text-2xl) - extending beyond the key list for more context.

This is 4x extra large text (text-4xl) - for even larger headings.

Usage Context

Use text-xs or text-sm for captions or less important information.
Use text-base for main body content.
Use text-lg , text-xl , and larger for headings and titles to create a clear visual hierarchy.