FICO, by Lensco.be, is a font with 52 simple, commonly used icons and glyphs, served on the web via @font-face. Small (under 12K when gripped, in one HTTP request) and color-agnostic (you can even use gradients and shadows), it is perfect for responsive designs with media queries, and for creating a rich visual feel without the bandwidth and production overhead of JPG images in a Retina world.

Filed under: Design

5 Responses to “Fico by Lensco.be | an icon font for responsive web designs, Retina display”

1. 
   echo said on 5 April 2012 at 3:16 am:

   CSS-Tricks just posted a collection yesterday, Fico included. http://css-tricks.com/flat-icons-icon-fonts/

2. 
   Matt Wilcox said on 5 April 2012 at 11:18 am:

   The problem here is fonts being read by screen readers. Be careful when assessing how to use this technique.

3. 
   Justin said on 5 April 2012 at 2:02 pm:

   Sorry if this is what you meant anyway, but I think it’s gzipped and not gripped.

4. 
   Heath Huffman said on 7 April 2012 at 11:04 am:

   @Matt Wilcox – Just be sure to include: aria-hidden=’true’ in the span tag around the icon. Readers will ignor it.

5. 
   El Conquistador said on 11 April 2012 at 3:18 pm:

   Indeed, Justin – I was wondering if Mr. Jeffrey had discovered a new way to “handle” fonts!

Comments off.