如何解决在angular 10中构建一个项目,并使用scss作为我的样式生成器但是添加了很棒的字体后,我遇到了一个错误
这是我的样式/ scss文件,我正在其中从variables.scss
文件中导入变量:
@import '@angular/material/prebuilt-themes/deeppurple-amber.css';
@import 'variables';
@import '../node_modules/font-awesome/scss/font-awesome';
//some basic resets
body {
padding:0;
margin:0;
font-family: Roboto,sans-serif;
}
.container {
margin: 20px;
display:flex;
flex-direction: column;
}
这是我的 variables.scss 文件:
$fa-font-path : '../node_modules/font-awesome/fonts';
解决方法
好的,对此我有个解决方法。我错误地为#font Awesome编写了导入文件。
这是我最初的经历。
@import '@angular/material/prebuilt-themes/deeppurple-amber.css';
@import 'variables';
@import '../node_modules/font-awesome/scss/font-awesome';
但是,在进行一些角度更新后,不再支持这种将字体很棒的调用方式,并且会产生错误。因此,这就是实际调用超棒字体的方法。
/* You can add global styles to this file,and also import other style files */
@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';
@import 'variables';
@import '../node_modules/font-awesome/scss/_variables.scss';
因此,有修复程序。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。