なぜカスタムフォントアイコンを使用しますか？

Question

svgにリンクするのではなく、自分のウェブサイトに独自のフォントを作成する場合はどうなりますか？

Answer 1

はSVGs上でカスタムアイコンフォントを使用するには、いくつかの主要な理由があります：

• アイコンフォントを使用すると、フォントサイズを設定するだけで、アイコンのサイズを変更することができます。 SVGは幅/高さで設定されます。
• colorプロパティを使用すると、アイコンフォントの色付けが簡単になります。
  • それは同様にCSSとSVGを着色することも可能ですが、一般的にちょうど<img>としてそれを含むとは対照的に（あなたのHTMLにSVGコードを埋め込む必要があります。
• おそらく最大の理由
  • この理由は、HTTP/2（並行した要求をはるかにうまく処理する）が利用できるようになるにつれ、それほど重要ではなくなっていますが、助けてください。
  • この手法はCSSスプライトシートに似ています。これは、複数の画像を1つのファイルに結合する別の手法です（一般的にはSVGではありません）。

全体的に、フォントのアイコンが終わり、すべてではありません、すべてのこと。彼らはあなたのツールボックスのもう一つのツールです。私は過去にいくつかの面で色分けされなければならないアイコンがたくさんあるウェブサイトで、これを成功裏に使用しました。そのために、彼らは素晴らしいです。

他のユースケースは、SVGの代わりに個々のSVGやスプライトシートによって多くの利益を得ることができます。あなたは本当にあなたのサイトを見る必要があり、それが最も良いものを判断するためには全体としてのニーズがあります。