[feed_list feedtitle=”新着のお知らせ” feedlines=7]

アイコンフォントの Font Awesomeには、現在519のアイコンがあるとか。 ここではtake7でよく使うであろうアイコンフォントをリストアップしました。

編集しているうちに消えてしまうことがあります。そこで、<i>と</i> の間に半角スペースを入れると消えないようです。

大きさ指定は「fa-lg～fa-5x」まで

画像幅を統一するにはclass名に「fa-fw」を付与します。

＜span＞要素のなかに囲みたい要素をいれると重ねることができます。

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

ずれてしまう場合は、以下のようにタグとタグの間の改行を消してみてください。

<dl>
<dt>丸にリンゴ</dt>
    <span class="fa-stack fa-lg"><i class="fa fa-circle-o fa-stack-2x">あける</i><i class="fa fa-apple fa-stack-1x">あける</i></span>
</dl>

丸にリンゴ

ulに「fa-li」,liに「fa-li」をそれぞれ付与します。

• ホーム
• カレンダー
• 各種設定

 <ul class="fa-ul">
  <li><i class="fa fa-home fa-li">あける</i>ホーム</li>
  <li><i class="fa fa-calendar fa-li">あける</i>カレンダー</li>
  <li><i class="fa fa-cogs fa-li">あける</i>各種設定</li>
</ul>

• ホーム
• カレンダー
• 各種設定