如何将Bootstrap 5中pre标签的字体改为默认字体？

Bootstrap 5 确实没有内置的「默认字体恢复类」，但你可以用以下两种轻量方式实现需求，完全不用复制Bootstrap原有CSS代码：

1. 自定义极简CSS类（推荐） #

直接定义一个类，复用Bootstrap内置的无衬线字体变量，确保和全局默认字体完全一致：

.font-sans {
  font-family: var(--bs-font-sans-serif);
}

之后给需要展示诗歌的<pre>标签加上这个类即可：

<pre class="font-sans">
床前明月光，
疑是地上霜。
举头望明月，
低头思故乡。
</pre>

用变量的好处是，如果后续修改Bootstrap的全局字体配置，这个类的字体也会自动同步，不用手动调整。

2. 直接内联样式（快速临时方案） #

如果不想额外加CSS类，也可以直接给<pre>加内联样式，同样复用Bootstrap的字体变量：

<pre style="font-family: var(--bs-font-sans-serif);">
你的诗歌内容
</pre>

这两种方法都能保留<pre>的换行格式，同时替换成Bootstrap默认的无衬线字体，完全符合你的需求。

内容的提问来源于stack exchange，提问作者sleepytea