タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

iconとFontAwesomeに関するnknktのブックマーク (2)

  • 良くあるメニュー・アイキャッチのアイコンに使えそうなFontAwesomeのまとめ

    たくさんのWEBアイコンフォントが使えるFontAwesomeですが、種類が豊富故に『あのアイコン使いたいけど名前なんだっけ・・・』ということも増えてきました。 htmlコードと、擬似要素で使いたい場面もあると思うのでcontentで指定する文字コードもまとめていきます! 5.0とは合わないようですが、検索のコツは同様に学ぶことができます。 FontAwesomeの使い方まとめようかと思いましたが、こちらのサイト様より丁寧にできる自信がありません! 使い方については↓を! http://h2ham.net/font-awasome おんなじWEBアイコンフォントはGenericonsを使っていたのですが、いまいち文字とのベースラインが合わないのが気になって、最近はAwesomeをよく使っています。 Genericonsについての記事はこちらをどうぞ! Twenty Fourteenに標準装

    良くあるメニュー・アイキャッチのアイコンに使えそうなFontAwesomeのまとめ
  • 楽して便利!Webアイコンフォント『Font Awesome』の使い方と活用 Tips

    このブログでも何度か細々登場してきたアイコンWebフォントの Font Awesome。使い方の基を知っていることで、利用できる幅がかなり広がるので、今日はその使い方のと活用のための Tips を幾つか書いておきます。 Font Awesome, the iconic font designed for Bootstrap ※ なお、エントリーはバージョン4.0.3をもとに書いているため、バージョンアップによって、掲載しているコードも変わっている可能性があります。利用前に、使うバージョンとそのスタイルを確認してから使うことをオススメします。 Font Awesome とは?Font Awesome は サイト上で使われるようなさまざまなアイコンを Webフォント として利用できるようにしたものです。フォントとして利用できるため、サイズや色などすべて CSS で調整して利用することができ

    楽して便利!Webアイコンフォント『Font Awesome』の使い方と活用 Tips
  • 1