Sass - 使用材质Web组件设置字体系列

时间:2018-01-23 13:37:48

标签: web sass material-components material-components-web

我在项目中使用了材质Web组件,我想更改字体系列。我正在浏览他们的documentation,我试图通过在我的sass文件中设置变量来做到这一点:

$mdc-typography-font-family: Comfortaa, sans-serif !default;

但是,这没有用,在文档中它还说sass mixin设置字体:

mdc-typography-base 

如何更改mixin以使用其他字体系列?

1 个答案:

答案 0 :(得分:2)

我通过删除!default标志来解决这个问题:

$mdc-typography-font-family: Comfortaa, sans-serif;

另外,不要忘记在头标记中嵌入Google字体:

<link href="https://fonts.googleapis.com/css?family=Comfortaa" rel="stylesheet">