FontAWSomeだけで○に数字が入ったアイコンを作成する

FontAWSomeだけで○に数字が入ったアイコンを作成する

FontAWSomeの初期設定は下記参照

WordPressにFontAwesomeのWebフォントを導入

コード

<p>丸で囲んだ数字
　<span class="fa-stack fa-lg">
　　<i class="fa fa-circle fa-stack-2x"></i>
　　<i class="fa fa-inverse fa-stack-1x">1</i>
　</span>
</p>

参考：https://codepen.io/qwe001/pen/JEmYOx

○や数字の大きさはspanのCSSなどでフォントの大きさを調節すると変更できる。