Webフォントで簡単にアイコン表示 | 株式会社ツクロア

アイコンをWebフォントで表示させたサンプルです。 ここでは、Font AwesomeというWebフォントを使っています。 Font Awesomeは、Twitter Bootstrapに入っている画像をWebフォントとしてフォントファイル可したものです。 http://fortawesome.github.io/Font-Awesome/ アイコンをWebフォントとして表示するメリット 拡大しても荒れない（Retinaディスプレイでもはっきりくっきり） CSSプロパティを使って大きさや色を設定できる（font-size, color） 拡大しても荒れないという意味ではSVG画像でもよいのですが、SVG画像の場合だと色の変更をしたいときには結局画像自体を修正しないといけないということになってしまいます。 <nav> <ul class="list"> <li><a href="#"><i

[typista]

ぽけったー Webフォントで簡単にアイコン表示