📪Font Size

.text-{number}

Sets the font size of the text.

CSS equivalent: font-size: {number}px;

Example usage:

<span class="text-16">This text has a font size of 16 pixels.</span>

---

.text-largest

Sets the font size to the largest predefined size.

CSS equivalent: font-size: {largest};

Example usage:

<span class="text-largest">This text has the largest font size.</span>

---

.text-larger

Sets the font size to a larger predefined size.

CSS equivalent: font-size: {larger};

Example usage:

<span class="text-larger">This text has a larger font size.</span>

---

.text-large

Sets the font size to a large predefined size.

CSS equivalent: font-size: {large};

Example usage:

<span class="text-large">This text has a large font size.</span>

---

.text-medium

Sets the font size to a medium predefined size.

CSS equivalent: font-size: {medium};

Example usage:

<span class="text-medium">This text has a medium font size.</span>

---

.text-small

Sets the font size to a small predefined size.

CSS equivalent: font-size: {small};

Example usage:

<span class="text-small">This text

 has a small font size.</span>

---

.text-smaller

Sets the font size to a smaller predefined size.

CSS equivalent: font-size: {smaller};

Example usage:

<span class="text-smaller">This text has a smaller font size.</span>