<p class="font-mono">Lorem ipsum dolor sit amet.</p>
← Tailwind CSS classes list
Tailwind CSS class: .font-mono
Preview
Lorem ipsum dolor sit amet.
Use Shuffle AI to build your own Tailwind CSS templates
Quickly design stunning Tailwind CSS templates with the power of Shuffle AI — no coding required.
Check .font-mono in a real project
Click one of the examples listed below to open the Shuffle Visual Editor with the UI library that uses the selected component.
CSS source
.font-mono {
font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}More in Tailwind CSS Text
- .antialiased
- .subpixel-antialiased
- .text-opacity-*
- .break-normal
- .break-words
- .break-all
- .truncate
- .uppercase
- .lowercase
- .capitalize
- .normal-case
- .leading-none
- .leading-tight
- .leading-snug
- .leading-normal
- .leading-relaxed
- .leading-loose
- .leading-3
- .leading-4
- .leading-5
- .leading-6
- .leading-7
- .leading-8
- .leading-9
- .leading-10
- .underline
- .line-through
- .no-underline
- .font-hairline
- .font-thin
- .font-light
- .font-normal
- .font-medium
- .font-semibold
- .font-bold
- .font-extrabold
- .font-black
- .text-xs
- .text-sm
- .text-base
- .text-lg
- .text-xl
- .text-2xl
- .text-3xl
- .text-4xl
- .text-5xl
- .text-6xl
- .font-sans
- .font-serif
- .text-left
- .text-center
- .text-right
- .text-justify
- .italic
- .not-italic
- .whitespace-normal / .whitespace-*
- .tracking-tighter
- .tracking-tight
- .tracking-normal
- .tracking-wide
- .tracking-wider
- .tracking-widest