字体族 · Bootstrap 6.0 中文文档

类名	样式
.font-monospace	font-family: var(--bs-font-mono);
.font-body	font-family: var(--bs-body-font-family);

等宽字体

使用 .font-monospace 将选定内容更改为我们的等宽字体堆栈。

这是等宽字体

HTML

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

使用.font-body将选区更改为我们的正文字体堆栈，默认是无衬线字体。

这是正文

HTML

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

字体系列工具在我们的工具 API 中声明于 scss/_utilities.scss。了解如何使用工具 API。

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