1 min read

Cómo usar font awesome

by
alesanchezr
Font Awesome es una de las librerías de iconos gratis más populares en el mundo del desarrollo front-end

Instalando Font Awesome

Hay muchas maneras de instalar font awesome. Por favor piensa en la configuración de tu proyecto para que puedas escoger el procedimiento de instalación adecuado:

La forma más fácil

Si estás trabajando con archivos de CSS y HTML puros, sólo pega esta etiqueta <link> antes del CIERRE de la etiqueta </head> de tu archivo HTML:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">

Nota: puedes ver que sólo otra hoja de estilos de CSS.

Después de añadir la etiqueta <link> puedes comenzar a añadr iconos usando las etiquetas <i> de esta forma:

<i class="fas fa-pencil-alt"></i>

Tienes que reemplazar los nombres de las clases por las que correspondan al icono que hayas escogido de esta lista de iconos