Font family · Modus Bootstrap v6.0

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

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.

"font-family": (
  property: font-family,
  class: font,
  values: (
    "monospace": var(--font-mono),
    "body": var(--body-font-family),
  )
),