I've looked into it a bit but generally found there are better solutions around.

One of the biggest advantages of icon fonts is file size, however the need for a fallback will mean it actually increases the file size where supported.

Another benefit is it uses vector image so they are scalable and always look crisp. For this I'd recommend SVG instead, can be included like this <img src="icon.gif" srcset="icon.svg 1x" alt="icon"> only 1 image will be downloaded and will fallback nicely to the gif when svg is not supported.

Another benefit is they can be easily updated to match the font colour, this can also be done easily through most CDN's like this cloudinary example.

I'm not completely against them and I'd be interested to know if anyone has a good use case.

Join the Litmus Community

Sign up to Community

Get more out of your Litmus account

Your free Community account includes access to the Litmus Community, as well as limited access to Litmus Builder. Check out the entire Litmus Email Creative Platform when you sign up for a free 7-day trial.