Angular 在scss文件中添加字体时出错

Angular 在scss文件中添加字体时出错,angular,sass,fonts,Angular,Sass,Fonts,我正在开发一个Angular 9项目,我从中创建了一个图标字体库,并下载了字体和scss文件,以便在项目中添加图标 现在,当我在我的main.scss文件中导入project\u icon.scss文件时,我发现编译失败错误 下面是我得到错误的代码: 样式。scss @import 'project_icons/project_icons.scss'; 项目图标.scss @import 'project_icons/project_icons.scss'; icomoon默认代码: 然后,

我正在开发一个Angular 9项目,我从中创建了一个图标字体库,并下载了字体和scss文件,以便在项目中添加图标

现在,当我在我的
main.scss
文件中导入
project\u icon.scss
文件时,我发现
编译失败
错误

下面是我得到错误的代码:

样式。scss

@import 'project_icons/project_icons.scss';
项目图标.scss

@import 'project_icons/project_icons.scss';
icomoon默认代码:

然后,我简化了它,没有变量:

但还是有错误


谢谢你的关注和帮助:)

也许现在已经太晚了,你已经解决了你的问题,但是我发现这个问题没有答案,也许这个回答可以帮助将来的人

为了解决这个问题,我只需将字体放在assets文件夹中,并添加如下引用:

 @font-face {
  font-family: 'icomoon';
  src:  url('assets/icomoon/icomoon.eot?tsdoda');
  src:  url('assets/icomoon/icomoon.eot?tsdoda#iefix') format('embedded-opentype'),
  url('assets/icomoon/icomoon.ttf?tsdoda') format('truetype'),
  url('assets/icomoon/icomoon.woff?tsdoda') format('woff'),
  url('assets/icomoon/icomoon.svg?tsdoda#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

也许已经太晚了,你解决了你的问题,但是我发现这个问题没有答案,也许这个回答可以帮助将来的人

为了解决这个问题,我只需将字体放在assets文件夹中,并添加如下引用:

 @font-face {
  font-family: 'icomoon';
  src:  url('assets/icomoon/icomoon.eot?tsdoda');
  src:  url('assets/icomoon/icomoon.eot?tsdoda#iefix') format('embedded-opentype'),
  url('assets/icomoon/icomoon.ttf?tsdoda') format('truetype'),
  url('assets/icomoon/icomoon.woff?tsdoda') format('woff'),
  url('assets/icomoon/icomoon.svg?tsdoda#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

它说你丢失了.woff文件。你查过了吗?上面说你丢失了.woff文件。你查过了吗?