タグ

2015年1月26日のブックマーク (1件)

  • Add Icon Fonts to Text Links

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

    Add Icon Fonts to Text Links
    tomoworks
    tomoworks 2015/01/26
    これがしたかったー。さすがまなさん。