更改 fa-money 图标上的文字

Question

我正在尝试将 font awesome's fa-money icon 上的数值更改为 750（而不是 1）。从长远来看，我将动态设置它，但我可以依赖 space 的 3 个字符。

我认为答案可能是 stacked icons as noted in this font awesome blog post，但我无法正确设置格式。

上面博客 post 中的定制如下所示：

  <span class="fa-stack fa-3x">
    <i class="fa fa-file-o fa-stack-2x"></i>
    <strong class="fa-stack-1x fa-stack-text file-text">16</strong>
  </span>

但是，当我尽最大努力对 fa-money 进行黑客攻击时，它看起来一团糟。

Answer 1

金钱图标上的“1”是不可编辑的，它是 'hard-designed'，所以您不能只更改那个数字。您 post 编辑的博客 post 上的其他示例中没有任何数字，因此使用您 post 编辑的技巧很容易添加。

有一个 'hack' 艰难。您可以将自己的图标添加到 fontawesome，因此制作一个像钱图标一样的图标，但删除内部数字。然后一旦添加到 fontawesome，您就可以使用您自己尝试的技巧设置数字。

查看 https://icomoon.io 了解如何添加图标。祝你好运！

更改 fa-money 图标上的文字

changing the text on the fa-money icon

css

twitter-bootstrap

icons

font-awesome