#Font Weights

Cirrus comes with a ton of ways to customize your text ranging from changing font weights to changing font styles.

Thin (200)

The quick brown fox jumps over the lazy dog.

<p class="font-thin">The quick brown fox jumps over the lazy dog.</p>

Light (300)

The quick brown fox jumps over the lazy dog.

<p class="font-light">The quick brown fox jumps over the lazy dog.</p>

Regular (400)

The quick brown fox jumps over the lazy dog.

<p class="">The quick brown fox jumps over the lazy dog.</p>

Semibold (600)

The quick brown fox jumps over the lazy dog.

<p class="font-semibold">The quick brown fox jumps over the lazy dog.</p>

Bold (700)

The quick brown fox jumps over the lazy dog.

<p class="font-bold">The quick brown fox jumps over the lazy dog.</p>