Weight

Adjust the thickness of characters from thin hairline weights to heavy black variants.

Thin

<div class="weight-100">Thin</div>

<div class="weight-200">Extra light</div>

<div class="weight-300">Light</div>

<div class="weight-400">Normal</div>

<div class="weight-500">Medium</div>

<div class="weight-600">Semi bold</div>

<div class="weight-700">Bold</div>

<div class="weight-800">Extra bold</div>

<div class="weight-900">Black</div>