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;

Usage

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

.fw-hairline

.fw-thin

.fw-light

.fw-normal

.fw-medium

.fw-semibold

.fw-bold

.fw-extrabold

.fw-black

Variants

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.