css - Sass错误:“typography-config” Angular 为4.x后无效的CSS

我想为我的angular 4.x项目集成自定义字体，这些项目位于Assets文件夹中。我正在使用角形材料。所以对于材料，我正在以我的样式设置自定义排版。

这是代码：

@import '~@angular/material/theming'

$used-fonts : 'Avenir', arial

$general-typography : mat-typography-config(
  $font-family: quote($used-fonts)
)

@include mat-core($general-typography)

我得到的错误：

Invalid CSS after "...ography-config(": expected expression (e.g. 1px, bold), was "{"

在:给我一个错误

任何想法？

最佳答案

我建议您应该在一行内尝试。它将视为嵌套值

$general-typography : mat-typography-config($font-family: quote($used-fonts))