twitter-bootstrap - 如何在 Bootstrap 中覆盖默认字体粗细

Question

我正在导入一种 native 字体粗细不为 500 的字体(这是 Bootstrap 开箱即用的字体粗细之一)。如何更改默认值。我看了这里:https://getbootstrap.com/docs/4.1/getting-started/theming/#variable-defaults

Answer 1

您将使用 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://codeply.com/go/tjqFpMnjfa

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