Tutorial: ¿Cómo usar Font Awesome en Blogger?
Probablemente haz visto una gran cantidad de blogs que incluyen al lado de cada elemento del menú un icono. O tal vez has visto que colocan los botones para seguimiento en redes sociales.
Te puede interesar:
Tutorial: Cómo configurar un dominio .com.ve en Blogger
Los 15 mejores bancos de imágenes de la web
Los errores que cometí en el primer año del blog y que debes evitar
Contenido
¿Qué es Font Awesome?
Font Awesome es una fuente compuesta por iconos vectoriales escalables que se pueden personalizar al instante aplicando reglas CSS: tamaño, color, sombra paralela y otras modificaciones.
¿Por qué usar Font Awesome?
- En un solo paquete incluye unos 675 iconos de diversos temas y continuamente se están incluyendo nuevos.
- Completamente libre para uso comercial, proyectos de código abierto y casi cualquier cosa que desees.
- No requiere JavaScript.
- Al ser gráficos vectoriales escalables los iconos se ven bien sin importar el tamaño. Nunca se distorsionan.
- Los iconos se ven perfectos en pantallas de alta resolución.
¿Cómo usar Font Awesome en Blogger?
Incluir iconos de las redes sociales
Para hacerlo, lo primero que debes hacer es ubicar el código de las redes (todos están en Brands icons), en font-awesome al hacer clic sobre el icono nos aparece el código que debemos copiar.
Tomemos como ejemplo el icono de Twitter
Como resultado veremos los iconos que dirigen a nuestros perfiles en la posición que elegimos, pero los veremos de esta manera (un poco pequeños):
El resultado:
Colocar iconos en nuestro menú
¿Qué te ha parecido el tutorial? ¿Ya usas Font Awesome en tu blog?