Miércoles, 03 Septiembre 2014 23:46

Utiliza iconos escalables de Font Awesome en Joomla

Escrito por 
CMS:  Joomla! |  Versión:  2.5/3.x |  Nivel de dificultad:  Básico |  Tiempo estimado de lectura:  10 minutos


Utiliza iconos escalables de Font Awesome en JoomlaEn ocasiones, en los proyectos web es necesario utilizar iconos que se integren correctamente en la tipografía, ya sea para acompañar títulos o campos de un formulario, etc., de forma que el aspecto visual del conjunto de la información presentada sea más visual.

NS Font Awesome dispone de una colección de iconos vectoriales escalables que instantáneamente se pueden personalizar (tamaño, color, sombra) y todo ello mediante CSS sin necesidad de recurrir a iconos en formato imagen.

Joomla 3 utiliza iconos en algunos componentes, por ejemplo los iconos de impresión, de correo electrónico y para la paginación. Estos iconos son en realidad imágenes de fondo de Bootstrap (glyphicons-halflings.png).

La desventaja de usar imágenes de fondo es que el tamaño y el color no se pueden modificar y no son escalables. Por esta razón se utiliza una fuente gratuita (Font Awesome) que no tiene estas desventajas y que está especialmente desarrollada para Bootstrap.

NS Font Awesome

Joomla 3.x

NS Font Awesome dispone de una colección de iconos vectoriales escalables que instantáneamente se pueden personalizar (tamaño, color, sombra) y todo ello mediante CSS sin necesidad de recurrir a iconos en formato imagen.

Características del plugin NS Font Awesome:

  • Disponibles 439 iconos para elegir.
  • Utiliza FontAwesome 4.1.0.
  • No es necesario el uso de javascript (menos conflictos).
  • Son escalables.
  • Control CSS total (color, tamaño, sombra, etc).
  • Visualización perfecta en pantallas retina.
  • Compatible con Bootstrap.
  • Compatible con lectores de pantalla.
  • Fácil de usar y ¡gratuito!.

Estos iconos los puedes utilizar para ilustrar textos de artículos, listas de elementos en módulos o artículos, imagen de apoyo en campos de formularios, y muchas otras aplicaciones posibles que estamos seguros que se te ocurrirán.

¿Quieres ver la colección completa de iconos de Font Awesome? revisa este enlace.



¿Te ha resultado interesante este artículo?

Suscríbete para recibir consejos exclusivos para WordPress, Joomla y PrestaShop



Luis Méndez Alejo

Miembro del equipo técnico de Webempresa.
Coordinador de contenidos en el Blog y en Youtube.
Google+