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

Twitter bootstrap 如何在引导中覆盖默认字体权重,twitter-bootstrap,bootstrap-4,Twitter Bootstrap,Bootstrap 4,我正在导入一种本机字体权重不为500的字体(这是Bootstrap开箱即用的字体权重之一)。如何更改默认值。我在这里查看了一下:如果您下载Bootstrap4的源文件,它们包括用于整个CSS的SASS文件。可以在\u variables.scss文件中修改字体权重。有多个字体权重设置(按钮、标题等),因此只需搜索“字体权重”并查看选项。 在进行更改之后,您必须重新编译CSS才能使其工作 您将使用SASS并设置适当的字体变量。默认情况下,500权重仅用于$headers字体权重。根据要导入的字体中

我正在导入一种本机字体权重不为500的字体(这是Bootstrap开箱即用的字体权重之一)。如何更改默认值。我在这里查看了一下:

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

您将使用SASS并设置适当的字体变量。默认情况下,500权重仅用于
$headers字体权重
。根据要导入的字体中可用的任何权重设置权重

/* 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";
演示:



相关:

默认字体大小为400,但默认标题大小为500。这是从中摘录的,您可以在那里看到所有变量:

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

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