bootstrap-4 - 使用 SASS/Gulp 将 Google 字体添加到 Bootstrap 4

Question

我尝试使用 SASS/Gulp 在 Bootstrap 4 中实现 Google 字体(Dosis)。说到 SASS，我完全是新手。

我设法使用 _custom.scss 更改了默认颜色通过定义 $brand-primary ，但是当我想通过更改 $font-family-sans-serif 对字体做同样的事情时值(value)它不起作用。我重新启动了服务器，并使用 link 在 index.html 中包含了 Google 字体。标签......但我仍然无法让它工作。

Answer 1

您可以像这样在 _custom.scss 的顶部导入所选的 Google 字体。

@import url('https://fonts.googleapis.com/css?family=Dosis');

您可以将“Dosis”定义为字体系列名称，如下所示:

$font-family-sans-serif: "Dosis", […other fonts…];

一旦你的 sass 被编译，这应该可以工作。