css - 更改 fa-money 图标上的文字

标签 css twitter-bootstrap icons font-awesome

我正在尝试更改 font awesome's fa-money icon 上的数值到 750(而不是 1)。从长远来看,我将动态设置它,但我可以依赖所需的 3 个字符的空间。

我认为答案可能是 stacked icons as noted in this font awesome blog 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 进行黑客攻击时,它看起来像一团乱麻。

最佳答案

好吧,金钱图标上的“1”是不可编辑的,它是“硬设计”的,因此您不能只更改那个数字。您发布的博客文章中的其他示例中没有任何数字,因此很容易添加您发布的技巧。

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

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

关于css - 更改 fa-money 图标上的文字,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34360368/

相关文章:

css - 如何隐藏垂直滚动条,同时仍然显示我的水平滚动条,并在两者上保持滚动功能?

android - Macbook 2009 和 Samsung Galaxy Tab 2 10.1 的媒体查询

c - 如何在 C 中向我的控制台程序添加图标?

c# - 如何使用 GTK 更新 gtk.Button 中的图像#

html - Bootstrap 调整大小网页图像超出列

css - 响应式功能区导航

html - 很酷的 HTML5/CSS3 表格?

css - CSS 中 <li> 的覆盖行为?

ruby-on-rails - Ruby on Rails——Heroku : Issue with votes button only in production

javascript - Twitter Bootstrap 3.1.x、box-sizing 属性和 Revolution Slider 的问题