Initial Site

Initial Site

Initial Site

FontAwesomeについて記事をまとめてみました

  • スドウ  2015/10/08 12:38
image

こんにちは!
開発部のすどうです。
みなさんはFontAwesomeってご存知ですか?

“「Font Awesome」とは、Web上でよく利用されるアイコンを画像ではなく文字として表示できるフォントセットにしたものです。
利用頻度の高いアイコンをはじめ500以上ものアイコンフォントが用意されています。”
Font-Awesome

今まで何の工夫もなく使っていたFontAwesomeですが、
なんとなくEvernoteにコピペしてみたところ
ちゃんと表示される!楽しい!
ということに気付き、さらなる可能性を求めて検索してみました。

そして見つけたのがこちらのサイトです!
楽して便利!Webアイコンフォント『Font Awesome』の使い方と活用 Tips

以前もこちらにたどり着いたことがあったのですが、
設置する手順までしか読んでませんでした…
わー!アイコン表示幅を統一させられるの?くるくる回るの?重ねられるの?
なんだこれ楽しい(´▽`*)

Wordpressで使用したい場合は、プラグインも用意されているようです。
記事の本文中にウェブアイコンフォントを使用できるWordPressプラグイン「Font Awesome Icons」

更に、fontをダウンロードしておけば
WEB上だけではなくIllustratorとかPhotoshopとかでも使えます。
PhotoshopやIllustratorで”Font-Awesome”をつかってみた

ちなみにチートシートはこちら。
…日本語版がほしいですね。今度作ろうかな。
Font-Awesome Cheatsheet

普段使っているものでも、改めて調べてみるといろんなことができたりするんですね。
奥が深いー
これを機に、fontawesome使いこなしていきたいなと思いました(´▽`*)


この記事の作者

アバター
スドウ


総記事本数:10

コメントをどうぞ

知識の記事

  1. gahag-0075639565
    サブスクリプションの整理をしよう
  2. complete
    ReactとFirebase(Cloud Firestore)を使って独り言WEBアプリをつくる
  3. E5DxwzVgVHYHr411581668296_1581668370
    わたしは公家ではありませんでした(多分)
  4. PAK86_smonitatocode20140517_TP_V
    All in One SEO Packの必要性

おすすめ記事

  1. ウィルス画像
    横浜のブラック企業 Initial Site(イニシャルサイト)から『コロナハラスメント』の内部告…
  2. E5DxwzVgVHYHr411581668296_1581668370
    わたしは公家ではありませんでした(多分)
  3. 1b8493ba94ff68762824c3c7274b3128-e1499313795652
    イオンの保存容器はジップロック超えた!?※主観的視点