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

Question

7

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

通过定义 $brand-primary ，我成功更改了默认颜色，但当我想通过更改 $font-family-sans-serif 的值来更改字体时，它不起作用。我重启了服务器，并在 index.html 中使用了 link 标签来引入 Google 字体... 但还是无法让它工作。

- Peter Pupovac

虽然上面的问题与sass和gulp无关，但是对于你的设置也有一个很好的答案。 - dferenc

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- dferenc · Accepted Answer

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

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

你可以像下面这样定义"Dosis"作为字体家族名称：

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

一旦您的Sass编译完成，这应该就能正常工作了。