Ich benutze Icons für Labels, aber ich habe diese Webseite gesehen:www.fontello.com Hier können Sie Schriftarten mit Symbolen erstellen.

Aber wenn ich eine Schriftart mit Symbolen erstelle, ist sie größer als alle meine Symbole, da es Svg, TTF, Woff und Eot gibt. Alle vier Schriftarten sind größer als alle PNG-Symbole.

@font-face {
  font-family: 'fonticons';
  src: url("../font/fonticons.eot");
  src: url("../font/fonticons.eot?#iefix") format('embedded-opentype'), url("../font/fonticons.woff") format('woff'), url("../font/fonticons.ttf") format('truetype'), url("../font/fonticons.svg#fonticons") format('svg');
  font-weight: normal;
  font-style: normal;
}

Alle meine Icons sind optipng komprimierte .png Bilder.

Funktioniert das auf allen Browsern?

Warum sollte ich diese Schriftartmethode verwenden?

Und jede Alternative fürfontello.com ?