Sí se puede, con css
y html
. Si lo vas a usar local, que es lo que yo te recomiendo, lo debes descargar y copiar el css del fontawesome
en una carpeta de tu sitio. Para este ejemplo se pone en una carpeta llamada css. Sería así:
Añades así en el <head>
de tu html
la línea para cargar el fichero css
de fontawesome
:
<link rel="stylesheet" href="http://localhost/mi_sitio/css/font-awesome.min.css" type="text/css">
Por supuesto reemplaza localhost/mi_sitio
por la URL de tu sitio.
Fíjate que he añadido el min
, que es el fichero font-awesome.min.css
, que es la versión minificada del css. Ésta es la recomendada para uso en producción ya que optimiza los tiempos de carga del sitio.
Después lo aplicas en tu html
así:
<span class="add-icon"></span>
Aquí puedes usar cualquier etiqueta, no sólo tiene que ser span
, puedes usar i
por ejemplo.
Y luego en tu css
puedes aplicarle el ícono a esa clase así:
.add-icon:before {
content: "\f2b4";
}
Reemplaza el content
por el código del ícono que desees. Debes buscar los códigos en la documentación del fontawesome
.
Prueba así y nos cuentas si te funcionó. Saludos