Font Awesome, the iconic... / Foundation Icons Fonts -... / Typicons他...全5件
![画像アイコンはもう古い!CSSでスタイル自由自在のアイコンWebフォント](https://cdn-ak-scissors.b.st-hatena.com/image/square/51c6725928b1e730e03462c6e55cc55f45195e63/height=288;version=1;width=512/http%3A%2F%2Fw3q.jp%2Fupload%2F2012%2F6%2F27%2Fl_2012-6-27_83dc315674c17426d1da4e11cf4ccd1a.jpg)
Webフォントでアイコンをつくろう! ゆとりジェネレーションのほんだです。 最近、Webフォントを使用する仕事に多く携わった関係で、 Webフォントを有効活用したものすっごく素敵なマークアップ方法に気づきました。 ずばり、アイコンやちょっとしたイラストをWebフォントで作成する、というものです。 (以下のデモはGoogle Chromeなど、モダンなブラウザ推奨です。) jsdo.it のシンボルフォントを使用する - jsdo.it - share JavaScript, HTML5 and CSS アイコンを作成するだけだと、あまり新鮮さはありませんが、 CSS3時代のいま、これはとっても有効なマークアップ方法となっています。 詳しくは、つづきからどうぞ! 色をつける フォントなのでCSS「color:」で指定するだけで色をつけられます。 もちろんマウスオーバー時に色を変更するのも、C
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く