Angular 在scss文件中添加字体时出错
我正在开发一个Angular 9项目,我从中创建了一个图标字体库,并下载了字体和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默认代码: 然后,
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文件。你查过了吗?