Using Numbers With Font Awesome

Question

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

I\'d like to use circles with a 1, 2, 3... in it. Is this possibl

Answer 1

To include letters and numbers would make the style sheet for FA way too large and they do not support it ( https://github.com/FortAwesome/Font-Awesome/issues/5019 ). so what i do is like such:

.fa-alph {
font-family: Arial, sans-serif; /* your font family here! */
font-weight: bold;
color: #860000;
font-style: normal;   
}

then

2

this leaves a nice clean font and you can still use the silly i ( em ) to keep trakc of "icons." Plus this keeps all icon type characters within the same elemental scope... (.fa-^)

I believe this thread was for an icon with a circle around it. So you would modify this CSS above to make it a instead of a and creat a block element in your span.

.f-circle {
font-family: Arial; /* your font family here! */
font-weight: bold;
display: block;
border: 1px solid #860000;
border-radius: 999px;
padding: 6px 12px;
}

then

2