Webサイトにアイコンを表示するために(PNGやGIFなどの)ビットマップ画像形式を使用することに慣れている場合は、その欠点にも精通しているでしょう。まず第一に、サイズとアイコンの色情報の数によっては、アイコンファイルのサイズが非常に大きくなる可能性があります。. Webサイトに配置するにはアイコンが多すぎると、多くのHTTP要求がブラウザによって行われるため、Webサイトのパフォーマンスが低下する可能性があります。この問題はCSSスプライトで解決できますが、ファイルサイズはまだ大きいです. ビットマップアイコンには、柔軟性とスケーラビリティの点でも欠点があります。アイコンをあるレベルまで拡大またはズームするか、あるいは網膜ディスプレイなどの非常に高い画面解像度でそれを見る必要があるとしましょう。アイコンは間違いなく ぼやけて見える. さて、もしあなたが上記の事柄のいくつかを考慮に入れるなら、あなたはおそらくアイコンフォントを使う必要があります. アイコンフォントの使用 あ アイコンのフォント 後で使用するWebサイトに埋め込むことができるWebフォントにパックされたアイコンのセットです。 @フォントフェイス. CSS-trickのChrisが指摘しているように、アイコンを配信するために画像の上にフォントを使用することには多くの利点があります。 フォントは、その性質上、解像度に依存しないベクトルベースのオブジェクトであるため、非常に高い画面解像度(網膜レベルなど)を含むさまざまな画面解像度で、アイコンは鮮明なままになります。. それはまたスケーラブルであり、品質と精度を失うことなくそれを多くのレベルで拡大することを可能にする。. アイコンは基本的にフォントなので, 色、透明度、テキストの影を制御したり、スタイルシートでサイズを変更したりすることもできます。 CSS3でアイコンをアニメートすることもできます. アイコンは @フォントフェイス Internet Explorer 4からサポートされているルール(.eot付き). 少ないHTTPリクエストと低いファイルサイズ. ここで私たちが見つけることができる最高の無料アイコンフォントのいくつかは以下のとおりです。 素晴らしいフォント イコムーン ソーシャルメディアのアイコン Zurb Foundationのアイコン 著者の時間と努力を尊重するためにあなたのウェブサイトにそれを埋め込む前にあなたがライセンスをチェックして、それに従ったことを確かめてください. @フォントフェイスルール...