使用带有 Font Awesome 的数字

2024-01-09

我想使用数字列出流程中的步骤。我很好奇如何使用 Font Awesome 来做到这一点。

我想使用带有 1、2、3... 的圆圈。这可能吗?
Font Awesome 会在图标列表中添加数字吗?

Thanks!


字体真棒实际上有内置支持 https://fontawesome.com/how-to-use/on-the-web/styling/stacking-icons用于将常规文本(即数字、字母……)堆叠在图标之上。

这里有一个日历图标的好例子 http://blog.fontawesome.io/2014/05/19/stacking-text-and-icons/以纯文本形式显示该月的实际日期。正如该帖子还解释的那样,您可能需要添加一些额外的样式才能实现最佳定位。

HTML:

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

CSS:

.calendar-text { margin-top: .3em; }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用带有 Font Awesome 的数字 的相关文章