2013年3月25日 CSS CSS3を使ったアイコンフォントで、テキストリンクをもう少し華やかに!画像を使うと案外手間がかかるテキスト横のアイコンを、Webフォントを使って簡単に表示させましょう。今回はリンク先や拡張子で異なるアイコンを表示する方法を紹介します。 ↑私が10年以上利用している会計ソフト! アイコンフォントとは? アルファベット1文字に1つのアイコンが設定されているフォントの総称です。サーバー上にあるフォントファイルを読み込んでフォントを表示する「Webフォント」の応用として使われ始めました。今までのような画像を使ったアイコンとは違い、フォントはベクターファイルなので、サイズを大きくしてもギザギザに見えることはありません。つまりiPhoneやiPadといった高解像度のディスプレイでも、劣化することなくきれいに表示されます。 ただし!何らかの原因でフォントファイルがダウンロー
![Add Icon Fonts to Text Links](https://cdn-ak-scissors.b.st-hatena.com/image/square/4ba0ad37a6fc597de3afbd3803799633f6d525d4/height=288;version=1;width=512/https%3A%2F%2Fwww.webcreatorbox.com%2Fwp-content%2Fuploads%2F2013%2F03%2Ficonfonts1.jpg)