Icones WebFont : une alternative aux images


Article en anglais : Webfont Icons: an Alternative to Images

Let’s be honest, creating dozens of tiny icons in a graphics package isn’t fun. Even when you’ve gathered a decent set, you end up managing dozens of tiny files or creating image sprites and slicing them in CSS.

Fortunately, HTML5 provides us with another option: webfonts. A font set can contain graphical icons and character sets. Wingdings is the most well known but free fonts such as Iconic can be more useful and provide example HTML and CSS code.

Note de Lionel : Je vois dans cette technique un intérêt majeur pour contrôler notamment la manière dont les icônes se chargent. On peut imaginer des techniques de Lazy Loading intéressantes.

publié par sitepoint.com
 
 Aller lire l'article sur sitepoint.com