FontAwesomeIconの画像の上にオーバーレイする

Question

私は個人的なウェブサイトを設計しています。私はフォントアウェソムのアイコンを使いたいと思っていました。残念なことに、Font-Awesomeにはすべてのアイコンがひとつもなく、私はPythonのアイコンが欲しかった。別のソースとは別にpythonアイコンをダウンロードしました。このイメージをフォントの素晴らしいアイコンの上に置きたいと思います。

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

あなたはこれを行う方法を私に言うことによって助けてくださいでした：

これは、アイコンの両方が、フォント-恐ろしいからであったとき、私はこれをしなかったかのイメージです。

Answer 1

FontAwesomeは、クラスfa-stackを2つのアイコンに重ねて表示します。試してみてください。

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

ありがとうございます！