Seriously, Don’t Use Icon Fonts Cloud Four Blog

In notebook:
Article Notes
Created at:
css Performance
» Seriously, Don’t Use Icon Fonts Cloud Four BlogAgainst icon fonts:
  • screen readers (read the text inserted via css)
  • dyslexic-helper plugins replace the icons as well
  • can clash with Unicode emoji characters (emoji overrides your character)
  • brittle (can fail often, fallback is difficult - bootstrap is removing them in next version)
  • opera mini doesn't support ​@font-face​ at all
  • clash with browsers optimize legibility optimisations
  • multicolor is very complicated 
  • hard to get it right (read: Bulletproof Accessible Icon Fonts )
For SVG icons:
  • possible to combine into sprites like icon fonts
  • when run through optimisers and gzip the size is acceptable
  • markup can be simplified (for inserting your icon)
  • browser support is at 96% (November 2015), higher than ​@font-face​