Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Asset Fonts

Josh Emerson
March 02, 2013

Asset Fonts

Asset fonts let you achieve resolution independence for icons on your site. They are web fonts which contain icons, similar to webdings and can be made specifically for your site.

This presentation was given at Responsive Day Out 2013.

Josh Emerson

March 02, 2013
Tweet

More Decks by Josh Emerson

Other Decks in Design

Transcript

  1. ×

  2. .icon:before { content: attr(data-icon); font-family: 'Cleardings'; speak: none; } <a

    data-icon="&#xe012;" href="http:// twitter.com/clearleft">@clearleft</a> CSS HTML
  3. [data-icon]:before { content: attr(data-icon); font-family: 'Cleardings'; speak: none; } <a

    data-icon="&#xe012;" href="http:// twitter.com/clearleft">@clearleft</a> CSS HTML