Question

我想为我的angular 4.x项目集成我的自定义字体，这些字体位于assets文件夹中。我正在使用棱角分明的材料。所以对于材料我在styles.sass

中设置自定义排版

以下是代码：

@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 "{"

在:

给我一个错误

任何想法？

Answer 1

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

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

Answer 2

我建议在每次声明后尝试添加分号。除了规则中的最后一个声明（可选）之外，CSS在每个声明后都需要一个分号，我认为SASS也是如此。

@import '~@angular/material/theming';

$used-fonts : 'Avenir', arial;

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

@include mat-core($general-typography);

Sass错误：“typography-config”angular 4.x后的CSS无效

2 个答案: