我在使用 scss 向我的 Angular 4+ 项目添加 font-awesome 时遇到问题。我已经尝试了这里给出的许多步骤:How to add font-awesome to Angular 2 + CLI project对于基于 scss 的项目，主要添加 @import '~/../node_modules/font-awesome/scss/font-awesome'; 到 styles.scss 和 $ fa-font-path : '~/../node_modules/font-awesome/fonts'; 到 variables.scss。问题是它编译并且看起来它正在工作，因为我至少得到了一个图标应该在的地方，而没有它我什么也得不到，但仅此而已。我可以尝试在 angular-cli 中导入 css 文件，但我宁愿以 scss 方式导入。有没有人在 angular 4+ 项目中成功过这个？
我在一个新主题中发帖，因为根据该帖子中的评论，这似乎是 Angular 4 中的问题，而不是 Angular 2 中的问题，而且该帖子是旧的。
最佳答案
您可以通过在您的样式中指向您的字体文件来做到这一点
// styles.scss
$fa-font-path: "../node_modules/font-awesome/fonts";
@import '~font-awesome/scss/font-awesome.scss';
或者像其他人提到的，可以通过webpack加载
// angular-cli.json
"styles": [
"../node_modules/font-awesome/scss/font-awesome.scss",
"styles.scss"
]
关于angular - 如何将 Font Awesome 添加到 Angular 4+ 项目，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46913547/