機能 ショートカットキー
リファレンス(参考URL)一覧へ移動 R
記事URLをMarkDownとしてコピー Ctrl+M
前のコードタグへ移動 Ctrl+←
次のコードタグへ移動 Ctrl+→
ヘルプを表示・非表示 H
Tips
- ショートカットキーは記事上で有効です。ヘッダー/フッター付近では機能しないことがあります。
- コードタグ移動機能がうまく動かないときは、Shift+F5でページを更新してみてください。
- このウィンドウを閉じるには、Hキーをもう一度押してください

fontawesomeのアイコンフォントでwebデザインに+αする

AD

プログラミング

fontawesomeの概要

プログラミング

CSSでも作るのが難しいようなアイコンフォントがたくさん配布されている。
実際に見た方が早い。

公式
http://fontawesome.io/icons/

利用方法

プログラミング

font”code”を例に取ると、
<i class="fa fa-code" aria-hidden="true"></i>
の”i”タグの間に文字を挿入することで、class”.fa fa-code”が適用される。

例:サイトマップにそれっぽくフォントを追加(スペースは位置調整)
<i class="fa fa-location-arrow" aria-hidden="true"> SITEMAP</i>

これをグローバルナビゲーションのラベルに入力する。
実際見てみると、フォントが表示されているはず。

SPONSOR

オンラインブートキャンプ全12コースの「ウケ放題」 AD

コメントを残す

Close Menu