Overlaying Image ontop of FontAwesomeIcon

Question

Я создаю персональный веб-сайт, и я хотел использовать шрифты Font-Awesome. К сожалению, у Font-Awesome нет ни одной иконы, и мне нужен значок питона. Я загрузил иконку python отдельно от другого источника, и я хочу разместить это изображение поверх шрифта, удивительного значка.

Это образ того, как я сделал это, когда обе иконы были от Font-Удивительная:

Please click here to see how I would like this to look

Не могли бы вы помочь, сказав мне, как это сделать.

Answer 1

FontAwesome предоставляет класс fa-stack для перекрытия двух значков. попробуйте это,

<span class="fa-stack fa-lg"> 
    <i class="fa fa-twitter fa-stack-1x"></i> 
    <img src="http://placehold.it/40x40" class=" fa-stack-1x" style="width: 100%;opacity: 0.5;"> 
</span> 

Спасибо!