Font Weight

Utilities for controlling the font weight of an element.

Class Properties
.fw-hairline font-weight: 100;
.fw-thin font-weight: 200;
.fw-light font-weight: 300;
.fw-normal font-weight: 400;
.fw-medium font-weight: 500;
.fw-semibold font-weight: 600;
.fw-bold font-weight: 700;
.fw-extrabold font-weight: 800;
.fw-black font-weight: 900;


Control the font weight of an element using the .fw-{weight} utilities.











By default, only responsive variants are generated for this utility. You can control which variants are generated by modifying the $utility-configuration in _settings.scss.