Back to All Tailwind Classes

typography Classes

.align-baseline

.align-bottom

.align-middle

.align-text-bottom

.align-text-top

.align-top

.antialiased

.break-all

.break-normal

.break-words

.capitalize

.font-black

.font-bold

.font-extrabold

.font-hairline

.font-light

.font-medium

.font-mono

.font-normal

.font-sans

.font-semibold

.font-serif

.font-thin

.italic

.leading-10

.leading-3

.leading-4

.leading-5

.leading-6

.leading-7

.leading-8

.leading-9

.leading-loose

.leading-none

.leading-normal

.leading-relaxed

.leading-snug

.leading-tight

.line-through

.list-decimal

.list-disc

.list-inside

.list-none

.list-outside

.lowercase

.no-underline

.normal-case

.not-italic

.placeholder-black

.placeholder-blue-100

.placeholder-blue-200

.placeholder-blue-300

.placeholder-blue-400

.placeholder-blue-500

.placeholder-blue-600

.placeholder-blue-700

.placeholder-blue-800

.placeholder-blue-900

.placeholder-gray-100

.placeholder-gray-200

.placeholder-gray-300

.placeholder-gray-400

.placeholder-gray-500

.placeholder-gray-600

.placeholder-gray-700

.placeholder-gray-800

.placeholder-gray-900

.placeholder-green-100

.placeholder-green-200

.placeholder-green-300

.placeholder-green-400

.placeholder-green-500

.placeholder-green-600

.placeholder-green-700

.placeholder-green-800

.placeholder-green-900

.placeholder-indigo-100

.placeholder-indigo-200

.placeholder-indigo-300

.placeholder-indigo-400

.placeholder-indigo-500

.placeholder-indigo-600

.placeholder-indigo-700

.placeholder-indigo-800

.placeholder-indigo-900

.placeholder-orange-100

.placeholder-orange-200

.placeholder-orange-300

.placeholder-orange-400

.placeholder-orange-500

.placeholder-orange-600

.placeholder-orange-700

.placeholder-orange-800

.placeholder-orange-900

.placeholder-pink-100

.placeholder-pink-200

.placeholder-pink-300

.placeholder-pink-400

.placeholder-pink-500

.placeholder-pink-600

.placeholder-pink-700

.placeholder-pink-800

.placeholder-pink-900

.placeholder-purple-100

.placeholder-purple-200

.placeholder-purple-300

.placeholder-purple-400

.placeholder-purple-500

.placeholder-purple-600

.placeholder-purple-700

.placeholder-purple-800

.placeholder-purple-900

.placeholder-red-100

.placeholder-red-200

.placeholder-red-300

.placeholder-red-400

.placeholder-red-500

.placeholder-red-600

.placeholder-red-700

.placeholder-red-800

.placeholder-red-900

.placeholder-teal-100

.placeholder-teal-200

.placeholder-teal-300

.placeholder-teal-400

.placeholder-teal-500

.placeholder-teal-600

.placeholder-teal-700

.placeholder-teal-800

.placeholder-teal-900

.placeholder-transparent

.placeholder-white

.placeholder-yellow-100

.placeholder-yellow-200

.placeholder-yellow-300

.placeholder-yellow-400

.placeholder-yellow-500

.placeholder-yellow-600

.placeholder-yellow-700

.placeholder-yellow-800

.placeholder-yellow-900

.subpixel-antialiased

.text-2xl

.text-3xl

.text-4xl

.text-5xl

.text-6xl

.text-base

.text-black

.text-blue-100

.text-blue-200

.text-blue-300

.text-blue-400

.text-blue-500

.text-blue-600

.text-blue-700

.text-blue-800

.text-blue-900

.text-center

.text-gray-100

.text-gray-200

.text-gray-300

.text-gray-400

.text-gray-500

.text-gray-600

.text-gray-700

.text-gray-800

.text-gray-900

.text-green-100

.text-green-200

.text-green-300

.text-green-400

.text-green-500

.text-green-600

.text-green-700

.text-green-800

.text-green-900

.text-indigo-100

.text-indigo-200

.text-indigo-300

.text-indigo-400

.text-indigo-500

.text-indigo-600

.text-indigo-700

.text-indigo-800

.text-indigo-900

.text-justify

.text-left

.text-lg

.text-orange-100

.text-orange-200

.text-orange-300

.text-orange-400

.text-orange-500

.text-orange-600

.text-orange-700

.text-orange-800

.text-orange-900

.text-pink-100

.text-pink-200

.text-pink-300

.text-pink-400

.text-pink-500

.text-pink-600

.text-pink-700

.text-pink-800

.text-pink-900

.text-purple-100

.text-purple-200

.text-purple-300

.text-purple-400

.text-purple-500

.text-purple-600

.text-purple-700

.text-purple-800

.text-purple-900

.text-red-100

.text-red-200

.text-red-300

.text-red-400

.text-red-500

.text-red-600

.text-red-700

.text-red-800

.text-red-900

.text-right

.text-sm

.text-teal-100

.text-teal-200

.text-teal-300

.text-teal-400

.text-teal-500

.text-teal-600

.text-teal-700

.text-teal-800

.text-teal-900

.text-transparent

.text-white

.text-xl

.text-xs

.text-yellow-100

.text-yellow-200

.text-yellow-300

.text-yellow-400

.text-yellow-500

.text-yellow-600

.text-yellow-700

.text-yellow-800

.text-yellow-900

.tracking-normal

.tracking-tight

.tracking-tighter

.tracking-wide

.tracking-wider

.tracking-widest

.truncate

.underline

.uppercase

.whitespace-no-wrap

.whitespace-normal

.whitespace-pre-line

.whitespace-pre-wrap

.whitespace-pre

Background Patterns

© 2018 - 2025 Bankside Partners Ltd.