Font weights

Set the font weight for specific device.

Thin

Extra light

Light

Normal

Medium

Semi bold

Bold

Extra bold

Black

<!-- Source -->
<p class="fw-100">Thin</p>
<p class="fw-200">Extra light</p>
<p class="fw-300">Light</p>
<p class="fw-400">Normal</p>
<p class="fw-500">Medium</p>
<p class="fw-600">Semi bold</p>
<p class="fw-700">Bold</p>
<p class="fw-800">Extra bold</p>
<p class="fw-900">Black</p>

Responsive

<!-- Responsive -->
<p class="fw-sm-100"></p>
<p class="fw-sm-200"></p>
<p class="fw-sm-300"></p>
<p class="fw-sm-400"></p>
<p class="fw-sm-500"></p>
<p class="fw-sm-600"></p>
<p class="fw-sm-700"></p>
<p class="fw-sm-800"></p>
<p class="fw-sm-900"></p>

<p class="fw-md-100"></p>
<p class="fw-md-200"></p>
<p class="fw-md-300"></p>
<p class="fw-md-400"></p>
<p class="fw-md-500"></p>
<p class="fw-md-600"></p>
<p class="fw-md-700"></p>
<p class="fw-md-800"></p>
<p class="fw-md-900"></p>

<p class="fw-lg-100"></p>
<p class="fw-lg-200"></p>
<p class="fw-lg-300"></p>
<p class="fw-lg-400"></p>
<p class="fw-lg-500"></p>
<p class="fw-lg-600"></p>
<p class="fw-lg-700"></p>
<p class="fw-lg-800"></p>
<p class="fw-lg-900"></p>

<p class="fw-xl-100"></p>
<p class="fw-xl-200"></p>
<p class="fw-xl-300"></p>
<p class="fw-xl-400"></p>
<p class="fw-xl-500"></p>
<p class="fw-xl-600"></p>
<p class="fw-xl-700"></p>
<p class="fw-xl-800"></p>
<p class="fw-xl-900"></p>