为什么一些字体很棒的图标不显示

Question

我正在为我的用户界面使用 Angular 5 的字体真棒。因为我使用的是 sass ，所以我在 .angular-cli.json 安装后添加了以下行 font-awesome

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

一些图标可以工作，例如

<i class="fa fa-money blue-text"></i>
<i class="fa fa-code blue-text"></i>

但是更多的不是。例如，我想将此 条形图图标 与 fas fa-chart-bar 一起使用，但它没有显示任何内容。像 fas fa-camera-retro 这样的东西只显示为一个奇怪的方块而不是实际的图标。

为什么有些图标不起作用？有没有办法检查我安装的 font-awesome 包中是否存在这些 css 类？

编辑

Just searched bar chart in node_modules\font-awesome\css\font-awesome.css and only fa-bar-chart exists, not fa-chart-bar .当我安装它时，我有最新的 font-awesome (4.7.0)。为什么他们的网站说 fa-chart-bar 。刚刚让它与 fa fa-bar-chart 一起工作。为什么它是 fa 而不是 fas 超出我的理解

原文由 ddd 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

刚刚在 node_modules\font-awesome\css\font-awesome.css 中搜索条形图，只存在 fa-bar-chart，不存在 fa-chart-bar。当我安装它时，我有最新的 font-awesome (4.7.0)。为什么他们的网站上写着 fa-chart-bar。刚刚让它与 fa fa-bar-chart 一起使用。为什么它是 fa 而不是 fas 超出了我

随着 FA5 的发布，这种情况发生了变化，因为现在图标有多种样式：

• fas : FontAwesome solid
• far : FontAwesome 常规
• fab : FontAwesome品牌
• fal : FontAwesome light

但是，FontAwesome5 free 仅对大多数图标具有纯色。要获得完整体验，您必须为 FontAwesome Pro 付费。

选择 库 中的任何图标，以查看哪个版本适用于它的样式。注意： 此处 为 FA4 图标。

原文由 MBaas 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

升级到最新版本的 Font Awesome 后为我工作：

 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">

原文由 jakobinn 发布，翻译遵循 CC BY-SA 4.0 许可协议