Как я могу наложить число поверх символа FontAwesome?

Ответ 1

Вы css должны выглядеть примерно так:

.contain-i-e-s,.icon-empty-star,.text-i-e-s{
  height:100px; width:100px;
}
.contain-i-e-s{
  position:relative;
}
.text-i-e-s{
  text-align:center; position:absolute;
}

Ваш HTML-код может выглядеть так:

<div class='contain-i-e-s'>
  <i class='icon-empty-star'></i>
  <div class='text-i-e-s'>99</div>
</div>

Ответ 2

Просто сделайте это. Шрифт удивительный рекомендуемый способ.

<span class="fa-stack fa-lg">
    <i class="fa fa-star-o fa-stack-2x"></i>
    <i class="fa fa-stack-1x">1</i>
</span>

Обновлено и протестировано в версиях 4.4.0 и 4.5.0.

Из документации Font Awesomes: