Earlier, symbols and icons on the internet were displayed as images. Even though they were compatible over different browsers, they have mandated designing, cropping, and optimizing before the user could actually implement and upload them. This in turn meant that they need to recreate those tiny images all over again whenever their website branding change. On the other hand, Icon Fonts provide a new way of using the iconography with the same features and compatibility but with much better flexibility. Fonts are generally nothing but a set of symbols which include the benefits that are provided by the CSS font properties.
