Icon Fonts are Awesome

Icon Fonts are Awesome

Icon Font

  1. Because you can easily change the size
  2. Because you can easily change the color
  3. Because you can easily shadow their shape
  4. Because they can have transparent knockouts, which work in IE6 unlike alpha transparent pngs.
  5. Because you can do all the other stuff image based icons can do, like change opacity or rotate or whatever.
  6. You’ll be able to do things like add strokes to them with text-stroke or add gradients/textures with background-clip: text; once browser support is a bit deeper.

vía Icon Fonts are Awesome.

A Free Icon Web Font

In a previous article, I addressed the many advantages of using a web font (in place of images) to render icons into your UI design. In the same article I mentioned a frustrating deficit of high quality, free icon web fonts available for embedding and conceded my own failure at building one with Fontstruct (less a font design tool than a mental health risk).

After continued experimentation, I found a satisfactory way to create a TTF and I’m now able to offer you Heydings Icons. It’s a fairly modest collection of 60 glyphs specifically intended for the accessorization and classification of textual cues such as hyperlinks, navigation elements and buttons. You can, of course, use the set much more expressively as well. Also, there’s no requirement to embed; you may just want to use it as a desktop/print font.

vía A Free Icon Web Font | HeydonWorks.


Creative CSS3 Animation Menus | Codrops.

Delicious.com – [Icon Fonts by simurai].



Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )


Conectando a %s