Icon Fonts vs Sprites. What's better?

Question

css

Icon fonts seem to fly on some browsers, and there are more requests from the server to them. Sprites, if also SVG, in my opinion are more efficient - fewer requests to the server, scalable.
What do you recommend to use?

Answer 1

SVG, since you can change layer styles through css, animations by layers, well, this is still vector graphics, which means that everything will be perfect on retina and when zooming. True, to access styles through css, you need to insert svg directly into html, but this is not a problem.

Answer 2

Fonts - the same svg. What are you talking about? Why are there more requests for fonts? You include one file and use :before/:after. Anywhere you use it just like text, change the size / color, you don’t need to write through img / background, you don’t need to write the position of the icon like in sprites, collecting them is much easier than sprites, especially if you use similar services - https://icomoon. io/app/ . Sprites are suitable when the icons are raster, which cannot be driven into a vector.

Answer 3

We at glivera-team use both fonts and sprites. How to use I wrote in the articles Icon fonts and How we use SVG sprites . And then the choice is yours)