font-awesome fa-trash在生产中不起作用

Question

我在rails应用程序中使用font-awesome，并且fa-trash在我的开发机器上工作但是当我部署fa-trash停止工作时，我得到一个不同的图标。然而，其他图标在制作中效果很好，它只是垃圾。

如果我使用fa-trash-o工作正常。这是我的三个图标的示例，show，edit＆amp;删除，其中删除应该是垃圾桶。

以下是执行图标的代码

    <td class="th_icon icon_table">
      <a id="show" href="/api#/costings/{{costing.id}}"><i class="fa fa-search-plus fa-lg"></i></a>
      <a id="edit" href="/api#/costings/{{costing.id}}/edit"><i class="fa fa-edit fa-lg"></i></a>
        <a id="delete" href="" ng-hide="costing.code == 1" ng-confirm-click="destroy(costing.id)"><i class="fa fa-trash fa-lg"></i></a>

我已经清除了我的资产并重新编译了它们。重新启动服务器并在浏览器中清除我的缓存，测试

更新

我的安装

我在我的Gemfile中使用rails-assets获取4.2版本的Font Awesome

gem 'rails-assets-font-awesome'

在我的sass文件中

*= require font-awesome

Answer 1

我可以确认这不起作用。我使用的是font-awesome-rails 4.2，无法显示任何新图标。所有旧的仍然有效。

Answer 2

看起来fa-trash是font-awesome 4.2的新功能。虽然我不完全确定是否是这种情况，但它看起来好像在生产中，正在加载旧版本的font-awesome（无论出于何种原因）。

你是如何得到这些图标的？它们是本地的，还是the getting started link在字体很棒的网站上？

Answer 3

我可以加载的最后一个图标是＆＃34;炸弹＆＃34; - 之后的每个图标，以及炸弹＆＃39; - 屏幕上显示为空白，并且不会在CSS中创建伪元素。

Answer 4

你能尝试使用font-awesome-rails gem吗？

我在其中一个设置上遇到了同样的问题。问题是我有一个包含在资产中的旧FontAwesome（otf，wolff等）文件的文件夹。我删除了文件，然后gem会查找正确的文件。

Answer 5

这里有点晚，但是请确保您在图标周围使用了'i'标签。

好：

<i class="fas fa-trash text-danger ml-1" aria-hidden="true"></i>

坏：

<div class="fas fa-trash text-danger ml-1" aria-hidden="true"></div>