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

Question

我尝试使用 SASS / Gulp 将 Google Fonts (Dosis) 实现到 Bootstrap 4 中。在 SASS 方面，我完全是新手。

我设法_custom.scss通过定义更改默认颜色$brand-primary，但是当我想通过更改$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 被编译，这应该可以工作。