如何在引导中覆盖默认字体权重

您可以使用SASS并设置适当的字体变量。这500磅只用于 $headings-font-weight 默认情况下。根据导入字体中可用的权重设置权重。

/* set font variable customizations */
$font-family-base: 'Montserrat', sans-serif; 

$font-weight-light: 300;
$font-weight-normal: 400;
$font-weight-bold: 700; 
$headings-font-weight: 800;

/* remember to import Bootstrap after the changes */ 
@import "bootstrap";

演示: https://www.codeply.com/go/tjqFpMnjfa

相关: How to extend/modify (customize) Bootstrap 4 with SASS

默认字体权重为400,但默认标题权重为500。这是从 _variables.scss ,您可以在那里看到所有变量:

$font-weight-light:           300 !default;
$font-weight-normal:          400 !default;
$font-weight-bold:            700 !default;

$font-weight-base:            $font-weight-normal !default;

如果您下载了Bootstrap 4的源文件,它们将包含整个CSS的SASS文件。字体权重可以在 _变量.scss 文件。有多个字体权重设置(按钮、标题等),因此只需搜索“字体权重”并查看选项。 在进行更改之后,您必须重新编译CSS才能使其工作。