18 set de Icons Fonts para interfaces web de usuario

13-08-2012 Diseño gráfico, Desarrollo Web, Utilidades 1469 hits (12.86 %) 0 comentarios

Los Icons Fonts, ó fuentes de iconos, son archivos de fuentes que tienen simbolos y pictogramas (flechas, carpetas, lupas, etc) en lugar de caracteres alfanuméricos estándar. Las fuentes de iconos son como los dingbats, pero están diseñados especificamente para interfaces web de usuario. Estas fuentes de iconos, al igual que las fuentes alfanuméricas, utilizan la regla CSS @font-face para mostrar los iconos en el navegador web. 

Para aplicar estos Icons Fonts en nuestra hoja de estilos, seguir esta sintaxis:

@font-face{
   font-family:<nombre_fuente>;
   src: <source>[,<source>]*;
   [font-weight:<weigth>];
   [font-style:<style>];
}

SixRevisions ha publicado 18 set de fuentes iconos que podemos usar en nuestro proyectos.

Foundation Icons Fonts

Número de iconos: 137. 

Foundation Icons Fonts

Sosa icon font

Número de iconos: 121. 

Sosa icon font

Font Awesome

Número de iconos: 196.

Font Awesome

Ver el resto de Icons Fonts

autor image Jesus Liñan
Programador de software, especializado en web sacando provecho de todos los recursos de la internet para el desarrollo y diseño web y compartiendolo con todos. Seguir @jesusvld

Advertisement

Comentar