アイコンデザインをWebフォントで表現出来る「アイコンフォント」の基本知識を解説
情報をコンパクトにわかりやすく伝えるデザインの1つに「アイコン」があります。 直感的に表しているものを理解できるアイコンは、看板からホームページのボタンまで様々なシーンに利用されています。 しかし、アイコン画像を使いすぎると、容量過多になりページが重くなってしまいます。 そんな時に便利なのが、テキストとしてアイコンを埋め込める「アイコンフォント」です。 今回はアイコンフォントとは何か、どのようなメリットがあるのかを解説します。 CSS3でも対応され、今注目を浴びているアイコンフォントについて、ホームページの制作に関わっている人は学んでおきましょう。 アイコンフォントとは アイコンフォントとは、簡単にいうと*「アイコンを表現出来るWebフォント」*です。 Webフォントとは、クラウド上にあげられたフォントデータを読み込むことでホームページに反映させる仕組みを指します。 CSS3からWebフォ
Add Icon Fonts to Text Links
2013年3月25日 CSS CSS3を使ったアイコンフォントで、テキストリンクをもう少し華やかに！画像を使うと案外手間がかかるテキスト横のアイコンを、Webフォントを使って簡単に表示させましょう。今回はリンク先や拡張子で異なるアイコンを表示する方法を紹介します。 ↑私が10年以上利用している会計ソフト！ アイコンフォントとは？ アルファベット1文字に1つのアイコンが設定されているフォントの総称です。サーバー上にあるフォントファイルを読み込んでフォントを表示する「Webフォント」の応用として使われ始めました。今までのような画像を使ったアイコンとは違い、フォントはベクターファイルなので、サイズを大きくしてもギザギザに見えることはありません。つまりiPhoneやiPadといった高解像度のディスプレイでも、劣化することなくきれいに表示されます。 ただし！何らかの原因でフォントファイルがダウンロー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Create your Icon Font in seconds - 9000 Vector Icons Available - Free Icon Font Generator
IcoMoon App
レスポンシブやらアイコンフォントやらフラットやら！2013年の気になる技術やデザインを試してみたリニューアル手順！ | バンクーバーのうぇぶ屋
使いたいアイコンフォントを選んでWebフォントをカスタマイズ作成できるサービスいろいろ
