Font Awesome「フォント オーサム」
(和）素晴らしいフォント は、文章などにアイコンを挿入できるツールです。
Font Awesome「フォント オーサム」を
ブログで手軽に使えるようにします
ブログで手軽に使えるようにします
誰に向けて書いたのか？
リナックスのことを理解したいと思っている「リナックス初学者の自分」に向けて書いています。
分からないことを
一つづつ解決していくことが、
リナックスを理解する
早道と感じました。
そして、解決したことを記録していくことにしました。
一つづつ解決していくことが、
リナックスを理解する
早道と感じました。
そして、解決したことを記録していくことにしました。
問題点はなにか？
- 文字ばかりだと堅苦しい
- 画像を貼るほど大げさにしたくない
解決法
- Font Awesome「フォントオーサム」を利用する
-
お気に入りをリストアップしておく
- いちいち探さなくて良い
表示の仕方は以下の通り
拡大表示の方法
アニメーションの方法
箇条書きでの利用
- 項目1
- 項目2
- 項目3
- 項目1
- 項目2
- 項目3
順序なしリスト <ul></ul> のデフォルトの箇条書きを置き換えるわけではないので,アイコンが追加されている。
部分的にデフォルトと違ったリストアイコンの表示したいときは<ul></ul>タグは使わない
番号付きリスト <ol></ol> でも同様
Font Awesomeアイコンはスタックできる
重ねたものを２倍にする –>
squareを２倍にしたものを重ねる –>
twitterを１倍で白抜きにして重ねる –>
squareをblueにする –>
twitterをgreenにする –>
square の１倍 –>
square の２倍 –>
twitter の１倍を白抜きに –>
twitter の１倍 –>
twitter の１倍の色を Tomato に –>
FontAwesome.comのStacking Iconsのページ