Font family

Class	Styles
.font-monospace	font-family: var(--bs-font-monospace);
.font-body	font-family: var(--bs-font-sans-serif);

Monospace

Change a selection to our monospace font stack with .font-monospace.

This is in monospace

HTML

<p class="font-monospace">This is in monospace</p>

Change a selection to our body font stack with .font-body, which defaults to sans-serif.

This is in body

HTML

<p class="font-body">This is in body</p>

Font family utilities are declared in our utilities API in scss/_utilities.scss. Learn how to use the utilities API.

SCSS

"font-family": (
  property: font-family,
  class: font,
  values: (monospace: var(--#{$prefix}font-monospace))
),