Svg Vs Font-face. Therefore SVGs tend to look a little sharper than icon fonts. In some cases accessibility may be enhanced by expressing the logo as a series of glyphs in an SVG font and then rendering the logo as a text element which references this font.
It defines basic properties of the final font such as weight style etc. It defines a fonts outer properties. Once added to a stylesheet the rule instructs the browser to download the font from where it is hosted then display it as specified in the CSS.
Because icon fonts must be inserted via a pseudo element positioning font.
SVG Fonts that you receive with a downloadable installable font packages are not suitable for crafting and cutting machines. Therefore SVGs tend to look a little sharper than icon fonts. However Opera Mini does not support font-face at all. An icon font might fail because 1 its being loaded cross-domain without the proper CORS headers and Firefox doesnt like that 2 for any reason the font file fails to load network hiccup server failure etc 3 There is some weird Chrome bug that dumps the font-face and shows a fallback font instead 4 Surprising browser doesnt support font-face.
