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

【问题标题】：font-awesome fa-trash not working in productionfont-awesome fa-trash 在生产中不起作用
【发布时间】：2014-11-27 05:10:48
【问题描述】：

我在 Rails 应用程序中使用 font-awesome，fa-trash 在我的开发机器上工作，但是当我部署 fa-trash 时停止工作，我得到一个不同的图标。然而，其他图标在生产中确实可以正常工作，只是太垃圾了。

如果我使用 fa-trash-o 效果很好。这是我的三个图标的示例，显示、编辑和删除，其中删除应该是垃圾桶。

这是图标的代码

    <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 来获取 Font Awesome 的 4.2 版本

gem 'rails-assets-font-awesome'

在我的 sass 文件中

*= require font-awesome

【问题讨论】：

标签： ruby-on-rails font-awesome

【解决方案1】：

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

【讨论】：

我可以使用 gem 'rails-assets-font-awesome' 让新图标在开发中工作，但当我部署到我的登台服务器时却不行。所以听起来确实像我遇到的 Rails 资产/缓存问题。

【解决方案2】：

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

你是如何获得图标的？它们是本地的，还是字体真棒网站上的the getting started link？

【讨论】：

我刚刚在上面添加了如何安装 font-awesome。
我需要尝试使用不同的 4.2 唯一图标（而不是 fa-trash）来查看是否存在类似问题。如果是这样，至少我们知道问题是什么。我对资产管道的了解不是很丰富，但我想这与此有关。
好像只有4.2的新图标，刚试了fa-yelp等几个新的，结果和fa-trash一样

【解决方案3】：

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

【讨论】：

【解决方案4】：

您可以尝试使用 font-awesome-rails gem 吗？

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

【讨论】：

切换到 font-awesome-rails gem 会停止大多数但不是所有我的 font-awesome 图标。这会产生比使用 rails-assets-font-awesome 更大的问题

【解决方案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>

【讨论】：