アイコンフォントWeb制作で使えそうなアイコンフォント最近よくアイコンフォントを使っています。アイコンフォントのメリットですが、フォントなのでテキストとのベースラインが合わせやすいフォントなので拡大縮小はcssのfont-sizeで指定出来るフォントなのでcssで簡単に色を変えられるベクターデータなので背景色があるときなどのエッジの処理を気にしなくていい。デメリットとして単一の画像よりは一度に複数のアイコンデータを読み込むので、データ量が多くなる(重くなる)というのがあります。いえ、レスポンシブとかサイズとかカラーバリエーションを考えてpngを作るのも手間です。今回は、自分がよく使うアイコンフォントを備忘録代わりに書いておきます。この手のアイコンフォントはアップデート(主にアイコンの追加)が多いので、最新版やIE7以下での対応などは各公式サイトでご確認ください。ダッシュボードやアドミンバーのアイコンがアイコンフォントに置き換わりました。以前はプラグイン・テーマで自作のメニューを追加する場合、本体同報のアイコンか自作のアイコン(PNG画像)を使いましたが、この部分の実装方法が変わったのでご紹介します。ちなみにプラグインによってこの部分にまだ対応していないものもあります。