Eu uso ícones para rótulos, mas eu vi este site:www.fontello.com onde você pode criar fonte com ícones.

Mas quando eu criar fonte com ícones é maior do que todos os meus ícones, porque há svg, ttf, woff e eot, tudo o que 4 fontes são maiores que todos os ícones 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 os meus ícones estão optando por imagens .png compactadas.

Isso funciona em todos os navegadores?

Então, por que devo usar esse método de fonte?

E qualquer alternativa parafontello.com ?