Web制作で使えそうなアイコンフォント

最近よくアイコンフォントを使っています。
アイコンフォントのメリットですが、

  • フォントなのでテキストとのベースラインが合わせやすい
  • フォントなので拡大縮小はcssのfont-sizeで指定出来る
  • フォントなのでcssで簡単に色を変えられる
  • ベクターデータなので背景色があるときなどのエッジの処理を気にしなくていい。

があります。

デメリットとして単一の画像よりは一度に複数のアイコンデータを読み込むので、データ量が多くなる(重くなる)というのがあります。

とはいえ、レスポンシブとかサイズとかカラーバリエーションを考えてpngを作るのも手間です。

今回は、自分がよく使うアイコンフォントを備忘録代わりに書いておきます。
なお、この手のアイコンフォントはアップデート(主にアイコンの追加)が多いので、最新版やIE7以下での対応などは各公式サイトでご確認ください。

続きを読む Web制作で使えそうなアイコンフォント

[WordPress 3.8] テーマやプラグインでダッシュボードメニューのアイコンを設定する方法

WordPress 3.8 からダッシュボードやアドミンバーのアイコンがアイコンフォントに置き換わりました。
以前はプラグイン・テーマで自作のメニューを追加する場合、本体同報のアイコンか自作のアイコン(PNG画像)を使いましたが、この部分の実装方法が変わったのでご紹介します。

ちなみにプラグインによってこの部分にまだ対応していないものもあります。
ほらこんな風にね。

ちょっと残念
ちょっと残念

続きを読む [WordPress 3.8] テーマやプラグインでダッシュボードメニューのアイコンを設定する方法