Twitter Bootstrapに最適なwebフォントアイコン Font Awesomeを使ってみた

webフォントアイコン

Bootstarp ver2.3.2まではアイコンをCSSスプライトで表示しています。Retina等高解像度のディスプレイで表示すると若干ぼんやりしてしまう難点があります。

webフォントを使えば通常のテキスト同様、ズームしてもキレイに表示されると思うので使ってみました。

Twitter Bootstrapに最適なFont Awesome

今回使用してみたものは Font Awesome というものです。

• Font Awesome

TwitterBootstarpに最適化されているようで、class="icon-xxxx" と指定して使えます。Bootstarp既存のiconも置き換えられます。既に構築済みのHTMLを修正する必要がないのでとても楽です。

※Bootstrap ver3以降はwebフォントを使用しているますね。