[試] サイト表示速度を高速化する方法 | アイコンフォント（Webフォント）による表示速度改善 | 試行錯誤ライフハックアイコンフォントとは Webフォントは、Webサーバー上にフォントファイルを置き、そのフォントをページのテキストに利用できるようにした技術です。 アイコンフォントはアイコン形式のWebフォントのことで、テキストフォントの代わりにアイコンのフォントデータを表示させます。 アイコンフォントを利用するメリット HTTPリクエスト数を削減可能 アイコンを複数の画像ではなく一つのファイルとしてまとめることができるため、HTTPリクエストを削減できます。サーバとの往復を削減できるため表示速度の改善が期待できます。 CSSによる色、サイズの変更や影、アニメーション等の付加が容易 画像だと元々作成したパターンのみしか表示できませんが、Webフォントはその名の通りフォントなのでCSSのfont-sizeやcolor等を使用して柔軟にカスタマイズできます。 高解像度のデバイスでもきれいに表示される（拡大しても
![[試] サイト表示速度を高速化する方法 | アイコンフォント（Webフォント）による表示速度改善 | 試行錯誤ライフハック](https://cdn-ak-scissors.b.st-hatena.com/image/square/022ffecd04d0f3253f997face52ae47ebf601810/height=288;version=1;width=512/https%3A%2F%2Fmarubon.info%2Fwp-content%2Fuploads%2Fmethod-speed-up-display-of-web-site-with-web-font-01.png)
