iconos de fuente vs iconos png

Uso íconos para etiquetas, pero vi este sitio web:www.fontello.com Donde puedes crear fuentes con iconos.

Pero cuando creo una fuente con íconos, es más grande que todos mis íconos, porque hay svg, ttf, woff y eot, todas esas 4 fuentes son más grandes que todos los íconos de png.

@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;
}

Todos mis iconos son imágenes comprimidas .png.

¿Funciona esto en todos los navegadores?

Entonces, ¿por qué debería usar este método de fuente?

Y cualquier alternativa parafontello.com ?