The Third Circle Of Hell: Icon Fonts
TL;DR: Use IcoMoon.
Will I ever use the 603 other icons? I don’t know, do you?
It could even be worse as a recent enter
Also in the very same project, the icons where used for essential functionality. Sometimes the icon would load late or in some browsers not at all. In this case you couldn’t edit a record at all.
Am I saying something crazy here? The actual functionality should never be chained to a font.
i stands for
Whose brilliant idea was it that the letter
Z should substitute for a Chinese company’s icon? Probably the same guy who invented WingDings. And why does everybody use
i for pseudo-elements?
It makes no sense at all. Icon fonts like Font Awesome are obsolete hacks. Why not use SVG or CSS like it was intended? We have a 94.91% browser support (IE9+) for SVG.
Don’t get me wrong, there are cases where it’s not feasible or possible to use these technologies and you might need to fall back to icon fonts. But at least use something like fontello.
To be clear: if you have the option, you should not use icon fonts anymore.
Works for me
In my case
+ is actually on my keyboard, probably on yours too, so I used it. It doesn’t look as good but you could style it with limited means.
See the code at NNvGrJ
Here is a simple CSS solution. I’m not a designer or even know CSS well, so there are certainly better solutions.
If you use a preprocessor you can even minimize the repetitions. Obviously this is specific for my use case and there are many possible scenarios where this wouldn’t work.
See the code at eZENmQ
This option seems like overkill for a simple plus icon, but the more complicated your icon gets, the more sense SVG makes. I took the path from Open Iconic.
See the code at xVLwZR