前の記事 ≪:jQueryの必要なところだけを取り出せる「jQuip」
次の記事 ≫:デザインが超良い感じのFacebook、Twitter等のソーシャルアイコン用PSDセ...

アイコンをフォントで実現すると便利だと分かるサンプル

2011年11月22日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
Icon Fonts are Awesome

アイコンをフォントで実現すると便利だと分かるサンプル
フォントで表現することで色の変更やドロップシャドウやサイズ変更はあとから自由にできますね。
画像編集ツールを使う必要もなく、あとから自由にカスタマイズできるというのはWEBデベロッパにとっては嬉しいです。



ドロップシャドウ。



カラー変更、リサイズも自由。



他にも、CSS3を使った回転やアニメーションなど何でもできそうなところです
フォントはfont-faceで指定することでどんなフォントでも使えます。サンプルのフォントはこちら

関連エントリ
関連の記事検索:フォント, アイコン, CSS
スポンサード リンク

By.KJ : 2011年11月22日 09:57 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)