Text

This is just a little improvement adding two new classes


Sizes

Quickly change the font-size of text. While our heading classes (e.g., .h1.h6) apply font-size, font-weight, and line-height, these utilities only apply font-size. Sizing for these utilities matches HTML’s heading elements, so as the number increases, their size decreases.

Responsive

Yes, now you can change the size of your font depending on the resolution. just add the variant sm, md, lg, xl & xxl

.fs-1 text

.fs-2 text

.fs-3 text

.fs-4 text

.fs-5 text

.fs-6 text

.fs-7 text

.fs-8 text

html

<p class="fs-1">.fs-1 text</p>
<p class="fs-2">.fs-2 text</p>
<p class="fs-3">.fs-3 text</p>
<p class="fs-4">.fs-4 text</p>
<p class="fs-5">.fs-5 text</p>
<p class="fs-6">.fs-6 text</p>
<p class="fs-7">.fs-7 text</p>
<p class="fs-8">.fs-8 text</p>

Responsive example

<p class="fs-md-1">.fs-1 text from md resolution</p>
<p class="fs-lg-2">.fs-2 text from lg resolution</p>
<p class="fs-sm-3">.fs-3 text from sm resolution</p>
<p class="fs-4 fs-lg-2">.fs-4 text default & .fs2 text from lg resolution</p>