私のマネージャーは、私たちのウェブサイトではアイコン フォントを使用しないようにと私に言いました。またcontent before、フォントに使用する必要があるため (html を変更することはできません)、IE7 で動作するように背景画像を好みます。
個人的に私は小さなものが大好きで、とても素敵で鮮明でサイズ変更可能です!
Web サイトで 2、3 個のアイコンしか使用しない場合は理解できますが、たとえば 1 つのサイトで 5 つのアイコンを使用するとしたら、どう思いますか? アイコンフォントを使う価値はありますか、それともそうでないと彼が考えているのは正しいですか?
私は新しくて刺激的なものに夢中で、今年は Retina ディスプレイです。
より高解像度/高密度のディスプレイが利用可能になるにつれて、アイコン フォントの使用はますます重要になります。
16×16px高密度ディスプレイ (>300ppi) ではアイコンがひどく見えることがあります。自動スケーリングにより、非常に小さく表示されるか、不鮮明に表示される場合があります。1em一方、フォント アイコンは、画面密度に関係なく、正しくシャープにレンダリングされます。
もちろん、それはすべてあなたの
今のところ、スプライトが最適です。
アイコンフォントにも別の問題があります。アイコンはすべて単色です。マルチカラー機能を備えたフォント標準はまだありません。そして、そうではないでしょう。少なくともフォントについてはそうではありません。SVG フォントを使用してマルチカラーを実行する可能性があります。SVG フォントは、それ自体はフォントの標準/形式ではありませんが、フォント コンテナーになり、ブラウザーでフォント配信メカニズムとして使用できます。マルチカラー アイコンを SVG フォントとして使用すると、カラフルなスケーラブル アイコンを使用できます (@Joey に感謝)。
ベクトル化されたアイコン画像は、フルカラーのサイズ変更可能なアイコンにより適しています。
追加要求に関するあなたの上司の主張は、まったくの誤りです。アイコンがファイルの一部であるか、(最良の場合) スプライト イメージの一部であるかは問題ではありません。
どちらも、リソースを取得するための HTTP リクエストを生成します。ファイル サイズは複雑さと形式に大きく依存しますが、スプライト イメージが小さくなる可能性があります。しかし、フォント ファイルが数キロ大きくなっても、それほど大きな違いはありません。その後、両方ともクライアントにキャッシュされます。
私は個人的に Font Awesome をフォントの主要なリソースとして使用しています。私の場合、それを使用している他のページを飛び越えて CDN から読み込み、これはブラウザーによってキャッシュされました。
ファイルサイズが気になる場合は、この信じられないほど素晴らしいツールをお勧めします
複数のフォントを 1 つのファイルにマージし、実際に使用するアイコンのみを含めることができます。
http://www.icnfnt.com/は fontawesome に対して同じことを行いますが、より多くのフォントを使用できるため、より多くの fontello が好きです。
私の意見では、アイコンフォントは正直に行く方法です...
EDIT私は最近、このアプリもよく使用しています：http://icomoon.io/
フォントを使用する場合、異なるプラットフォーム上の異なるブラウザーでは異なる結果が得られます。PNG ファイルでは、安定した独立した結果が得られます。
あなたの問題に対する2つの解決策をお勧めします。これらは、テキスト、サイズ、その他のものを変更したいなど、最高の顧客サポートに使用するものです
Fontsquirrelを使用して Web フォントを作成し、CSS を介して Web サイトに埋め込み、それがきれいにならない場合は ftp ディレクトリに追加してから、Google Web フォントを使用します。
それがないように見える場合は、上司が言ったイメージソリューションを使用します..
これはすべて、問題を解決するために必要な時間などにも依存します
ところで、htmlにアクセスできない場合は、ほとんどのバックエンドを介して実行できるcssにアクセスできると思いました。できない場合は、画像にアクセスしてください!
大事なことを言い忘れましたが、画像ソリューションを使用することにした場合は、背景位置にトラフを向けるスプライトを作成します。このようにして、すべての小さなアイコンに対して 1 つの画像をロードするだけで済みます。
彼は正しい。この場合、css スプライトを使用します。また、ie7 をサポートする必要がある場合 (申し訳ありません)、選択肢はありません。自分でそれらのことを探る - もちろん、いつ、何が役に立つかはわかりません。