Icon Fonts

Traditional web graphics (bitmap) have certain inherent problems. They lose quality when scaled up and waste file overhead when scaled down. Each image on the site requires an HTTP request for each image which slows load time. Bitmap images are also difficult to manipulate through code.

Simple one color graphics are prime candidates for ‘icon fonts’. Turning all your websites icons into a single font has many advantages:

  • Requires only one server request to load multiple icons
  • Change the color of all or individual icons through CSS
  • Add drop shadows through CSS instead of photoshop
  • Supports transparency
  • Good browser support
  • Can use :hover targeting