Sass-使用材质web组件设置字体族

Sass-使用材质web组件设置字体族,web,sass,material-components,material-components-web,Web,Sass,Material Components,Material Components Web,我正在我的项目中使用材质web组件,我想更改字体系列。我正在查看他们的文件,我尝试通过在我的sass文件中设置变量来实现这一点,如下所示: $mdc-typography-font-family: Comfortaa, sans-serif !default; 但是,这不起作用,在文档中还说sass mixin设置字体: mdc-typography-base 如何更改mixin以使用不同的字体系列?我通过删除解决了这个问题!默认标志: $mdc-typography-font-famil

我正在我的项目中使用材质web组件,我想更改字体系列。我正在查看他们的文件,我尝试通过在我的sass文件中设置变量来实现这一点,如下所示:

$mdc-typography-font-family: Comfortaa, sans-serif !default;
但是,这不起作用,在文档中还说sass mixin设置字体:

mdc-typography-base 

如何更改mixin以使用不同的字体系列?

我通过删除
解决了这个问题!默认
标志:

$mdc-typography-font-family: Comfortaa, sans-serif;
另外,不要忘记在head标签中嵌入谷歌字体:

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


您是否已将
添加到
中?是的,我添加了,我的标题中显示项目中我没有任何更改,所有内容仍保留Roboto Fonto?您的设置是什么?您是如何导入组件的?在我的app.sass中,我正在导入类似以下内容的材料web组件
@import'material components web/material components web'然后在其下方,我将导入设置变量的
变量
文件。您应该首先导入变量,然后才导入材料组件。这是如何工作的,材料组件的变量不会覆盖我的变量吗?