← Tailwind CSS classes list

Tailwind CSS class: .font-mono

<p class="font-mono">Lorem ipsum dolor sit amet.</p>

Preview

Lorem ipsum dolor sit amet.

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