Font Awesome es una fuente web que contiene todos los iconos del Framework Bootstrap de Twitter , y ahora muchos más.

Font Awesome

   

 

Aunque su implementación en Bootstrap está diseñada para utilizarla con el elemento <i> , quizás deseeis utilizar estos iconos en otros elementos.

Para ello debeis utilizar el siguiente CSS con el elemento deseado, y luego sustituir el valor por el icono deseado

 
 
.element { position: relative; }  
/*replace the content value with the  corresponding value from the list below*/  
.element:before 
{ content: &quot;\f000&quot;;  
font-family: FontAwesome; 
font-style: normal; 
font-weight: normal; 
text-decoration: inherit; 
/*--adjust as necessary--*/ 
color: #000; 
font-size: 18px; 
padding-right: 0.5em; 
position: absolute; 
top: 10px; 
left: 0; }

Para llamar al icono debeis utilizar un código como este:

&lt;em class=&quot;icon-wrench&quot; id=&quot;icon-wrench&quot;&gt;&lt;/em&gt;

Fuente: Complete list of Font Awesome icons with their CSS content values.
 



Suscríbete para acceder a la zona privada

Suscribiéndote a la lista de correo de El Taller del Bit conseguirás entrar a la zona privada de descargas con materiales exclusivos (ebooks, artículos privados, plugins, descargas de exámenes resueltos ...)

Gracias. Te has suscrito con éxito!