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.
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.