Forget not to use icon fonts?

Question

css

The question is philosophical and the comma in the title of the question is not accidentally omitted.
What do you like and dislike about icon fonts, do you use them or not? How would I understand the cons, but at the same time font-awesome blooms and smells and is used on every second site, what to do, what to do?

Answer 1

I use fonts for myself if the project uses a sufficient number of icons of the same type.
Create your own or use ready-made - from the situation.
And if there are a couple of icons, then again, in what role they are involved, then single svg or sprites.
There is one project at work - I'm not the one in charge - people connect completely font-awesome for exactly 5 icons in the footer.
I specifically checked that from the site font-awesome you can download all these 5 icons in svg, in total it will be about 3 kb.
The fonts and css it's pulling now add up to 440 kb...

Answer 2

An icon font is not semantically. Font - for text. Plus there is no accessibility.
As for font awesome, on most adequate projects, designers draw their icons, as a rule, so for example I didn’t even have a chance to use it. And if you already collect custom icons in a font, this is the same assembly - it's better to assemble a sprite.

Answer 3

For monochrome icons I use a custom icon font. For multicolor in different ways - it can be both SVG and overlay. In general, in my opinion, the problem is sucked from the finger.

Answer 4

And how many characters / per project from a font do you generally use?
An icon font is a handy crutch that was created specifically to make a simple insertion of i class fa fa-something /i and not think about what goes where - it decides for itself. With SVG, more body movements are needed. For something as simple as inserting a phone or facebook icon, they don't really want to bother if they can just type i.fa-something and press tab.