What this Bootstrap Utility API class does
Set the CSS font-family property of an element. The CSS font-family property is used to set the font family or typeface of text in a web page. It specifies the name of one or more fonts to use when rendering text within an element.
The font-family property takes a list of font family names and, if the first font is not available, the browser will try to use the next font in the list until it finds one that is available on the user's device. If none of the fonts in the list are available, the browser will use its default font.
Example usage & available classes
<body class="font-monospace"></body>
Example override
In the example override below, we are adding a new option with the class "font-script" and the value set to a custom SASS variable call $font-family-script, which has the value: 'Homemade Apple', cursive;
"font-family": map-merge(
map-get($utilities, "font-family"),
(
values: map-merge(
map-get(map-get($utilities, "font-family"), "values"), (
script: #{$font-family-script}
)
)
)
)