css - font-awesome 字体没有加载到 Angular 元素中

Question

我已经使用 angular 5 一段时间了，似乎我无法将任何 Font Awesome 图标加载到我构建的元素中。

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

看起来 CSS 文件包含在元素中，但它无法加载字体，因为我在浏览器的开发人员工具的网络部分进行了检查。

我在呈现的页面中看到的只是方形图标，而不是 Font Awesome 图标。

如果有人能帮助我，我将不胜感激。

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"

(当然你也可以复制字体放到自己的文件夹里)。