Programando¿Estás desarrollando algún proyecto y usas Bootstrap?

¿Los iconos que te permite utilizar esta tecnología se te quedan un poco cortos y necesitas alguno más?

¿No tienes mucha idea de que otros iconos puedes utilizar?

Puede que os interese utilizar Font Awesome .

¿Cómo empezar a utilizarlo? si no queremos complicarnos mucho para ver como usarlo y aprender un poco con añadir en entre las etiquetas <head> </head> el siguiente código será suficiente:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css">

Si queremos ver un poco más las tripas y tenerlo en nuestro servidor podemos consultar un poco más en el siguiente enlace.

Una vez tenemos acceso al recurso tenemos que utilizarlo ¿Cómo lo hacemos? Es muy sencillo, tendremos que usar una etiqueta «i» con una clase que empiece por fa fa-«nombre del icono a utilizar», por ejemplo si queremos hacer que un elemento de una lista tenga un icono de una cámara de fotos lo que tendremos que hacer es incluir el siguiente código a el elemento «li»:

<li><i class="fa-camera-retro" aria-hidden="true"></i>Cámara de Fotos</li>

¿Queréis más información del uso correcto? Pues os dejo el siguiente enlace para que lo veáis mejor ya que podréis encontrar muchos ejemplos de uso que os ayudará a consolidar los conceptos.

Espero que os sea de ayuda y si tenéis algún recurso de programación que queráis compartir con nosotr@s ya sabéis utilizar los comentarios.

Saludos,

Isasan.

 

 

 

Please follow and like us: