ikony czcionek vs ikony png

używam ikon do etykiet, ale widziałem tę stronę:www.fontello.com gdzie możesz utworzyć czcionkę z ikonami.

Ale kiedy tworzę czcionkę z ikonami, jest ona większa niż wszystkie moje ikony, ponieważ istnieją svg, ttf, woff i eot, wszystkie 4 czcionki są większe niż wszystkie ikony 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;
}

Wszystkie moje ikony to skompresowane obrazy .png.

Czy to działa na wszystkich przeglądarkach?

Dlaczego więc mam używać tej metody czcionki?

I każda alternatywa dlafontello.com ?