使用数字和超棒的字体 [英] Using Numbers With Font Awesome

问题描述

我想使用数字列出流程中的步骤。我很好奇如何使用Font Awesome。

I want to use numbers to list steps in a process. I was curious about how to do this with Font Awesome.

我想使用带有1，2，3 ...的圆圈。

Font Awesome会在图标列表中添加数字吗？

I'd like to use circles with a 1, 2, 3... in it. Is this possible?
Will Font Awesome be adding numbers to the list of icons?

谢谢！

推荐答案

真棒字体实际上具有内置支持，用于在图标顶部堆叠常规文本（即数字，字母，..）。

Font awesome actually has built-in support for stacking regular text (i.e. numbers, letters, ..) on top of icons.

带有日历图标的精美示例纯文本形式的月份中的月份。正如该帖子还解释的那样，您可能需要添加一些额外的样式以实现最佳定位。

Here is a nice example of a calendar icon with the actual day of the month as plain text. As the post also explains you might need to throw in some extra styling for optimal positioning.

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; }

这篇关于使用数字和超棒的字体的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！