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

Question

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

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

Answer 1

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

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

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

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

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