Actualizando FontAwesome en tu blog

22.2.18

Blogging

Si usas íconos en tu blog, ya sea en botones de redes sociales o en tus listas, entonces es más que probable que tengas instalado Fontawesome en Blogger.

En este sencillo tutorial te explicaré cómo actualizar tus iconos si has usado el método de instalación mediante etiqueta HTML, e incluso como pasar de la versión 4 a la ya lanzada v.5, y cuales cambios conlleva el proceso.

actualiza Fontawesome en Blogger

Actualizando Fontawesome v.4

La versión en concreto es la v.4.7.0 y es la que más íconos posee así como estilos más recientes. La ventaja de mantenerse en la versión 4 es que no tienes que cambiar aquellos íconos que ya usas, simplemente tomaran los estilos nuevos sin que hagas nada más.

En la Edición HTML de la plantilla, localiza la etiqueta <link de Fontawesome y SUSTITÚYELA por:
<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' rel='stylesheet'/>

Sería el único paso a realizar, puedes ver el listado completo de íconos en esta versión en el siguiente enlace.

íconos v.4.7.0



Cambiando a FontAwesome 5.0.6

Usar Fontawesome puede ser ventajoso por su facilidad de instalación y su amplia lista de íconos, pero si no has de usar muchos en tu blog, realmente puede ser una carga excesiva.

Fontawesome 5 nace precisamente para mejorar esto, y los principales cambios en esta versión son:
  • Los íconos fueron rediseñados y ahora vienen disponibles en solid, regular y light.
  • Aquellos íconos de marcas ahora tienen su propia clase, o prefijo, fab.
  • Puedes crear tu propio set de íconos, reduciendo considerablemente la carga vs el CDN gratuito, aún disponible.
  • Ahora ofrecen íconos SVG, que puedes usar mediante Javascript, al igual que los font-icons.
  • ¡Y por fin han incluido el ícono para Blogger!

Si decides dar el paso, puedes seguir usando el CDN gratuito, mediante la etiqueta <link de Fontawesome, que tienes que sustituir en tu plantilla por:
<link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet"/>

Pero, hazlo cuando tengas tiempo de sustituir con calma los íconos; como dije, el antiguo prefijo fa ha dado paso a 4 más, y tres de ellos, uno PRO, cambian como vemos un mismo ícono, cuando antes podían existir dos para tener esas diferencias.



Algo genial es que los chicos de Fontawesome crearon una solución de compatibilidad para actualizar de la v.4 a la v.5, siempre que se utilice el método con Javascript, así te ahorrarías los cambios en los íconos manualmente. Puedes ver más en 'Actualizando desde la Versión 4', tutorial en inglés.


Conclusiones

Personalmente utilizo SVG para los pocos íconos que empleo en mis propios sitios; pero reconozco lo cómodo que es disponer de una librería tan amplia y sencilla de implementar como lo es Fontawesome.

Si tengo que recomendar entre la v.4 y la v.5, escogería la primera pues los diseños en la segunda me parecen más rústicos. Al final es tu decisión, y recuerda que además de Fontawesome existen otras librerías menos extensas pero igualmente interesantes, como Feather.







yo, cyball

Escrito por Cyball Ruiz

Creadora de ANMATT Studio donde encuentras recursos y consejos para tu espacio en Blogger.






Otros artículos...