WEBアイコンの設定

現在ではWEBアイコンWEBフォント画像や動画を組み合わせてホームページを制作するのが一般的になりました。
つまりデザイナーがデザインする部分が大幅に減り制作コストを削減する方向へと転換したのです。
WEBアイコンの世界では「Font Awesome」が一人勝ちをしている状態です。
残念ながら海外のサービスなのでLINEなどの日本に特化したアイコンは実装されていません。しかしその様なデメリットを差し引いても今後は「Font Awesome」を使って行くべきです。

Font Awesome

Font Awesome は サイト上で使われるようなさまざまなアイコンをWEBフォント として利用できるようにしたものです。フォントとして利用できるためサイズや色などすべて CSS で調整して利用することができます。
使い方は至って簡単でダウンロードしたファイルを以下の様に呼び出すだけです。

@import url(font-awesome.min.css);
<ul class="icons">
<li><a href="#" class="icon style2 fa-twitter"><span class="label">Twitter</span></a></li>
  <li><a href="#" class="icon style2 fa-facebook"><span class="label">Facebook</span></a></li>
  <li><a href="#" class="icon style2 fa-google-plus"><span class="label">Google+</span></a></li>
  <li><a href="#" class="icon style2 fa-rss"><span class="label">RSS</span></a></li>
</ul>

ロゴなどの要素をデザイン・設定する」に進む
WEBフォントの設定」に戻る