Typography Scale

Explore text sizes, weights, and styles

Tailwind provides a type scale and weight utilities. Drag the sliders to preview different combinations.

Sizetext-xl (20px)
Weightfont-medium (500)

The quick brown fox

text-xlfont-medium
Tailwind CSS
<p class="text-xl font-medium">
  The quick brown fox
</p>
Previous
7 / 23
Next