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