Sizing

Using Tailwind’s default type scale.

Preview

---

Display 6xl

Display 5xl

Display 4xl

---

Heading 3xl

Heading 2xl

Heading xl

---

Body lg

Body base

Body sm

Body xs

---

---

<p class="text-6xl">Display 6xl</p>
<p class="text-5xl">Display 5xl</p>
<p class="text-4xl">Display 4xl</p>

---

<p class="text-3xl">Heading 3xl</p>
<p class="text-2xl">Heading 2xl</p>
<p class="text-xl">Heading xl</p>

---

<p class="text-lg">Body lg</p>
<p class="text-base">Body base</p>
<p class="text-sm">Body sm</p>
<p class="text-xs">Body xs</p>

---