ウェブフォントとは?メリットは? 「アイコンフォント」「WEB/ウェブフォント」など、いろいろ言い方がありますが同じものです。 通常なら画像で表示するアイコンを、フォントで表現する仕組みです。PCローカルのフォントとは違い、WEB上にフォントのファイルを公開するので、誰からでも同じデザインで見ることが可能です。 設置方法もとても簡単で、例えば「t」と書くだけでツイッターアイコン「twitter」が表現できます。CSSのようにclassで設定するウェブフォントもあります。 主なメリットは、フラット化への対応、アイコン画像を減らすことによる表示の高速化と、Retina対応が簡単にできることです。 アイコン画像のRetina対応は、ブログやウェブサイト制作者には悩ましい問題です。2種類の画像を用意するか、4倍の大きさのアイコンを読み込んだり、CSSやJavaScriptで条件分岐して表示する必要
![ウェブ制作やSEOも解決!アイコンWebフォントLigature SymbolsはLINE・はてブも使えるよ](https://cdn-ak-scissors.b.st-hatena.com/image/square/f200854bc81d096d1d1e2e274a0807a44c2a38db/height=288;version=1;width=512/https%3A%2F%2Fwispyon.com%2Fwp%2Fwp-content%2Fuploads%2Fligature-symbols-iconfont1.png)