Landings

Tailwind CSS

Font Size

Utilities for controlling the font size of an element.

ClassProperties
text-xsfont-size: 0.75rem; /* 12px /
line-height: 1rem; / 16px */
text-smfont-size: 0.875rem; /* 14px /
line-height: 1.25rem; / 20px */
text-basefont-size: 1rem; /* 16px /
line-height: 1.5rem; / 24px */
text-lgfont-size: 1.125rem; /* 18px /
line-height: 1.75rem; / 28px */
text-xlfont-size: 1.25rem; /* 20px /
line-height: 1.75rem; / 28px */
text-2xlfont-size: 1.5rem; /* 24px /
line-height: 2rem; / 32px */
text-3xlfont-size: 1.875rem; /* 30px /
line-height: 2.25rem; / 36px */
text-4xlfont-size: 2.25rem; /* 36px /
line-height: 2.5rem; / 40px */
text-5xlfont-size: 3rem; /* 48px */
line-height: 1;
text-6xlfont-size: 3.75rem; /* 60px */
line-height: 1;
text-7xlfont-size: 4.5rem; /* 72px */
line-height: 1;
text-8xlfont-size: 6rem; /* 96px */
line-height: 1;
text-9xlfont-size: 8rem; /* 128px */
line-height: 1;