如何在 Bootstrap 4 SCSS 中设置粗体字体而不是字体粗细？答案

【问题标题】：How to set bold font instead font weight in Bootstrap 4 SCSS?如何在 Bootstrap 4 SCSS 中设置粗体字体而不是字体粗细？
【发布时间】：2020-07-16 13:36:24
【问题描述】：

我正在尝试从 SCSS 构建 Bootstrap，但我完全没有前端技术方面的经验。有没有办法在使用它的任何地方设置默认粗体字体而不是字体粗细？字体粗细版本呈现扭曲。我现在正在使用自定义 CSS 覆盖所有需要它的字体系列（h1...h6、b、strong 等），但这不太方便。

【问题讨论】：

标签： html css twitter-bootstrap fonts

【解决方案1】：

使用 font-weight-bold 类来获得粗体。

【讨论】：

将 .font-weight-bold 类添加到“body”标签中。

【解决方案2】：

默认加载粗体：

*{
font-family: 'Lato', sans-serif;
font-weight: 900;
}

<link href="https://fonts.googleapis.com/css?family=Lato:900" rel="stylesheet">

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p>etc.</p>
<span>everything is bold now</span>

【讨论】：

也许我的问题描述是错误的：我只想切换到设置了 font-weight 的粗体字体，所以它渲染得更平滑，而不是全部。 :)
我不认为这种过滤器可以通过 css 获得，但是您可以为要使用不同字体的元素设置一个类，为这些元素定义更平滑的字体。跨度>