Cómo incluir Font Awesome de forma eficiente en WordPress utilizando LESS

Cuando desarrollé el nuevo tema de SiliCodeValley tomé la decisión de no utilizar fuentes de iconos del estilo a Font Awesome ya que quería que el tema fuera lo más minimalista posible, es decir, que sólo incluyera lo elementos justos y necesarios.

Pero el tiempo ha pasado y he ido necesitando algún icono. Hasta ahora para incluirlos utilizaba iconos en formato «.svg» y lo cierto es que se me hacía una tarea poco farragosa.

Cansado de ese método he decidido volver a Font Awesome. Pero todavía hay un problema y es que Font Awesome incluye un set de aproximadamente 675 iconos, lo cual me parece una burrada tener que cargar su hoja de estilos completa si sólo pienso utilizar un par o tres de iconos, ya que sin duda va implicar que mi sitio web cargue un poco más lento.

Dándole vueltas a esto llegué a la conclusión de que como Font Awesome está disponible en formato LESS podría de alguna forma recompilar la hoja de estilos con aquellos iconos que realmente necesito y prescindir del resto. Y así fue como surgió este nuevo episodio de La Batidora.

¡Espero que lo disfrutes y aprendas algo nuevo!

Enlaces de interés

Deja un comentario

Resumen de privacidad
SiliCodeValley

Esta web utiliza cookies propias y analíticas para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.

Cookies estrictamente necesarias

Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.

Cookies analíticas

Esta web utiliza Google Analytics para recopilar información anónima tal como el número de visitantes del sitio, o las páginas más populares.

Dejar esta cookie activa nos permite mejorar nuestra web.