Add Icon Fonts to Text Links

2013年3月25日 CSS CSS3を使ったアイコンフォントで、テキストリンクをもう少し華やかに！画像を使うと案外手間がかかるテキスト横のアイコンを、Webフォントを使って簡単に表示させましょう。今回はリンク先や拡張子で異なるアイコンを表示する方法を紹介します。 ↑私が10年以上利用している会計ソフト！ アイコンフォントとは？ アルファベット1文字に1つのアイコンが設定されているフォントの総称です。サーバー上にあるフォントファイルを読み込んでフォントを表示する「Webフォント」の応用として使われ始めました。今までのような画像を使ったアイコンとは違い、フォントはベクターファイルなので、サイズを大きくしてもギザギザに見えることはありません。つまりiPhoneやiPadといった高解像度のディスプレイでも、劣化することなくきれいに表示されます。 ただし！何らかの原因でフォントファイルがダウンロー

[tomoworks]

これがしたかったー。さすがまなさん。

[typista]

ぽけったー アイコンフォントでリンクタイプ別にアイコンつける方法

[pyonkichi1011]

アイコンフォントでリンクタイプ別にアイコンつける方法

[glat_design]

これやらなきゃやらなきゃと思いつつずっとやってない…うおおお /

[issey2g]

気になる RT アイコンフォントでリンクタイプ別にアイコンつける方法

[warriorking]

アイコンフォントでリンクタイプ別にアイコンつける方法 | Webクリエイターボックス

[UDONCHAN]

へー

[kussun]

IE7も :before要素に対応させたい場合、「jQuery Pseudo Plugin」を使うと良いかも。 http://jquery.lukelutman.com/plugins/pseudo/

[OfficeRiverHead]

CSS3を使ったアイコンフォントで、テキストリンクをもう少し華やかに！画像を使うと案外手間がかかるテキスト横のアイコンを、Webフォントを使って簡単に表示させましょう。今回はリンク先や拡張子で異なるアイコンを