12 Useful Icon Webfonts For UI Design

Interactive Online > Blog  > General  > 12 Useful Icon Webfonts For UI Design

12 Useful Icon Webfonts For UI Design


The increasing popularity of CSS @font-face embedding for custom fonts on websites opens up tons of possibilities for more creative typographic design on the web, however another slightly less explored @font-face technique at the moment is scalable vector icons (or dingbats) on the web, other than the possible accessibility issues, the advantages of replacing icon images with icon fonts are impressive, most notably the ability to style icons dynamically with CSS and their infinite scalability.

We have compiled a list of the 12 best free and premium icon webfonts.

Free Options

Notice by otlab.ru

icon fonts dingbats

Ikoo by Dasmuse

icon fonts dingbats

Symbol Signs by Sander Baumann

icon fonts dingbats

Guifx v2 Transports by Guifx

icon fonts dingbats

Glyphx by Nick’s Fonts

icon fonts dingbats

Dot Com by Kreative Korporation

icon fonts dingbats

Premium Options

The next 6 fonts do have a price on them but, in terms of the quality and practicality of these icons though, it should be a relatively small cost. Some premium options even include with the CSS @font-face stuff already set up for you to use, so you’re ready to go straight away.

Pictos by Drew Wilson

icon fonts dingbats

ClickBits by Fonthead Design Inc.

icon fonts dingbats

InfoBits by Fonthead Design Inc.

icon fonts dingbats

Writesocial by kndmedia

icon fonts dingbats

Wingdings2 by Microsoft

icon fonts dingbats

Wingdings3 by Microsoft

icon fonts dingbats

Summary

These are a collection of what we think are the 12 most practical icon fonts for user interface and web design, there are considerations to take into mind when using font replacement techniques in designs though, for example some more detailed icons are still most suited to bitmap images, icon fonts are really only for simple vector shapes at the moment and probably will be this way for quite a while.

Do you know any of any free or premium hidden gems we’ve missed?

(read full article on source site)
Free Website for Your Dental Practice
See why our dental practice websites exceed the features & value of your typcial dentist website.
  • No cookie-cutter websites
  • No duplicate content
  • Custom built with a unique look and feel
  • Unique content written by professional writers
  • Set yourself apart from other dentists
  • The key to your online success!
* we never share your e-mail with third parties.