Calificación:
  • 1 voto(s) - 5 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Font Awesome - Iconos para tu web
#1
Dedo arriba 
Font Awesome

Buenas Noches (Dias/Tardes) compañeros de @Skylium hoy les vengo a hablar de Font Awesome, una aplicación que puede ser muy útil para cualquier página web.

Se trata de una "fuente" de iconos que puede ser utilizada muy fácilmente para agregar iconos a tu web.

A continuación les dejo el link hacia la web del proyecto para que le puedan echar un vistazo ustedes mismos:
Código:
http://fortawesome.github.io/Font-Awesome/



Como se instala?
Bastante simple: Descargas el archivo zip desde la página oficial. Subes a tu web la carpeta "font" y "css" (si ya utilizas esas carpetas solo agrega los archivos dentro de cada una).

Y ahora solo tienes que llamar al css desde el HEAD de tu web de la siguiente manera:
Código PHP:
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"

También lo puedes hacer directo en tu archivo css agregando un import:
Código PHP:
@import url(css/font-awesome.min.css); 



Ahora como lo utilizo?
Basta con agregar una tag "i" con una clase "icon-" y el nombre del icono a utilizar. Ejemplo:
Código PHP:
<class="icon-thumbs-up"></i

Puedes ver la lista completa de iconos en la siguiente página:
Código:
http://fortawesome.github.io/Font-Awesome/icons/

Y algunos ejemplos de como utilizarlos:
Código:
http://fortawesome.github.io/Font-Awesome/examples/

Ahora, si quieres verlos en una web activa puedes echarle un vistazo a la mia:
Código:
http://leadguitar.mx/

Los iconos están por todas partes, en links, menus, footer. La verdad la utilidad es muy amplia y así te evitas utilizar imágenes. Sonrisa

Espero que la información les halla sido de ayuda, Un cordial saludo y mucha suerte a todos!.
WWW
#2
Voy a probarlo ahora mismo en local, a ver como sale. Si esto funciona, lo implemento en la web que estoy realizando.

Muchas gracias por el aporte, esta tela de guapo.
[Imagen: EZkP1ES.jpg]

[Imagen: 6TTkQKf.png] [Imagen: LNpkNtK.png]


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Iconos que se cambian de lugar othgeg 2 406 14-09-2014, 09:24 PM
Último mensaje: dioskira89
  98 iconos sociales Modernos romero07 3 607 31-01-2013, 12:48 AM
Último mensaje: meisterbrake
  Iconos sociales romero07 9 882 12-11-2012, 12:10 AM
Último mensaje: Alan Oswaldo
  Alguna vez han buscado iconos para sus webs? Razor007 12 1,201 11-11-2012, 01:35 AM
Último mensaje: Dark_Assessin



Usuarios navegando en este tema: 1 invitado(s)