font-awesome 字体未加载到 angular 项目中

Question

我已经使用 angular 5 一段时间了，似乎我无法将任何字体很棒的图标加载到我的构建项目中。

我按照下面链接中提到的步骤进行了彻底的操作。 https://www.npmjs.com/package/angular-font-awesome

看起来 CSS 文件包含在项目中，但当我在浏览器开发工具的网络部分检查时，它无法加载字体。

我在渲染页面中看到的只是方形图标，而不是字体很棒的图标。

如果有人能帮我解决这个问题，我将不胜感激。

Answer 1

安装 font-awesome 的默认包

$ npm i font-awesome

打开你的angular-cli.json文件，搜索特性styles和assets，在它补充一点：

  // styles
  "../node_modules/font-awesome/css/font-awesome.css"
  // assets
  "../node_modules/font-awesome/fonts"

（您当然可以复制字体并将它们放入您自己的文件夹中）。