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

我在我的用户界面上使用了Angular 5字体。由于我使用的是

sass

，因此在安装

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图表栏一起使用，但它没有显示任何内容。像fas fa camera retro之类的东西只显示为一个奇怪的正方形，而不是实际的图标

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

编辑

---

刚刚在

节点\u modules\font awesome\css\font awesome.css中搜索了
条形图
，只存在
fa条形图
，不存在
fa条形图
。我有最新的字体真棒当我安装了它（4.7.0）。为什么他们的网站上会显示
fa图表栏
。刚刚将其用于
fa条形图
。我无法理解为什么它是
fa
而不是
fas
。
您可能不使用FontAwesome的V5版本。只要使用最新版本的Font4，它就可以工作了。使用此链接

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">



刚刚在中搜索了条形图
节点\u模块\font awesome\css\font-awesome.css和仅fa条形图
存在，而不是fa图表栏。我有最新的字体真是太棒了
已安装（4.7.0）。为什么他们的网站上说fa图表栏。刚得到
它可以与fa条形图一起使用。我无法理解为什么是fa而不是fas

FA5的发布改变了这一点，因为现在图标有多种样式：


fas
：实体
far
：常规
fab
：FontAwesome品牌
fal
：灯

但是，FontAwesome5 free仅对大多数图标具有实心图标。要想获得完整的体验，你必须付费

选择中的任何图标，以查看其在哪个版本中的可用样式。注意：FA4图标。
我也有同样的问题。我在谷歌上找到的图标搜索页面已经过时了。确保您正在搜索网站的最新版本

和你一样，我发现了这个图标：

<i class="fa fa-line-chart"></I>



它不起作用。如果您在上搜索，您将看到它是：

<i class="fas fa-chart-line"></i>

在升级到最新版本的Font Awesome后对我有效：

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

有一次我不得不这么做。我认为一些移动设备没有加载以下字体之一：

字体系列：“字体真棒5免费”，“字体真棒”；
对我有效的语法是fas fa图表栏

这适用于以下版本：
bootstrap/4.4.1/css/bootstrap.min.css
font awesome/4.7.0/css/font awesome.min.css
fas
？你是说
fa
？@TricksfortheWeb-从5开始，它是
fas
。好的，尝试重新加载，看看会发生什么。你有实时URL吗？@Obsidian我使用的是font awesome 4.7.0。所以我猜应该是
fa
？@ddd-是；尝试使用
。请记住，图标一直在更新，有些图标在某些版本中不可用（这可以解释一些方块）。如有必要，我建议使用版本5和。此外，
camera retro
图标是一种高级字体，请使用纯色版（
fas
）或camera`或
camera alt
：）一些图标仅在FA5中可用-如果OP喜欢使用FA4，则可以使用^（虽然建议下载css文件，而不是链接到外部网站-如果外部网站宕机，你的网站css也会宕机）降级不是解决问题的办法。他的问题涉及fa货币和fa代码，你的回答涉及fa-bar-chart。答案也适用于这些问题！我对“fa登录”也有同样的问题在网站上添加的“fa fa sign in alt”和“fa fa trash”在网站上的“fa fa trash alt”相同。我不知道为什么会出现这个问题和区别。“fa fa sign in”是4-语法，而“fas fa sign in”是FA5。我的解释也适用于这种情况；-）这个答案的问题是，许多字体很棒的图标没有在Firefox中以新的命名约定出现。您应该采用Jakobinn的解决方案，使简单的“fa”在Chrome中工作，因此在firefox中也是如此。