Question

我想在我的angular4项目中使用fontawesome。我使用如下

npm install font-awesome --save

在

style.scss
$fa-font-path: "../node_modules/font-awesome/fonts";
@import '~font-awesome/scss/font-awesome.scss';

当我服务时，它工作正常。但在生产版本中，IE中没有显示字体真棒图标。我如何解决这个问题或者安装和配置字体真棒的正确方法是什么。

Answer 1

安装font-awesome库并将依赖项添加到package.json ...

使用CSS

要向您的应用添加Font Awesome CSS图标，请在angular-cli.json

中添加以下配置

"styles": [
  "styles.css",
  "../node_modules/font-awesome/css/font-awesome.css"
]

使用SASS

创建一个空文件_variables.scss in src/.

将以下内容添加到_variables.scss:

$fa-font-path : '../node_modules/font-awesome/fonts';

在styles.scss中添加以下内容：

@import 'variables';
@import '../node_modules/font-awesome/scss/font-awesome';

Answer 2

如果您正在处理angular-cli项目，那么从Italy文件中删除评论可以解决问题。

polyfills.ts