What this Bootstrap Utility API class does
Set the CSS font-weight property of an element. The CSS font-weight property is used to set the weight or thickness of the font of text within an element. It specifies how thick or thin the characters in the text should appear.
The font-weight property can take a numeric or keyword value. The numeric values range from 100 to 900 in increments of 100, with 400 being the default value for most fonts. The keyword values include normal, bold, bolder, and lighter.
Example usage & available classes
<p class="fw-bold">Bold text.</p>
<p class="fw-bolder">Bolder weight text (relative to the parent element).</p>
<p class="fw-normal">Normal weight text.</p>
<p class="fw-light">Light weight text.</p>
<p class="fw-lighter">Lighter weight text (relative to the parent element).</p>
Example override
In the example override below, we are adding the additional class of "fw-black" with a value of "800".
"font-weight": map-merge(
map-get($utilities, "font-weight"),
(
values: map-merge(
map-get(map-get($utilities, "font-weight"), "values"), (
black: 800
)
)
)
)