como utilizar font ...
Avisos
Vaciar todo

como utilizar font awesome en la plantilla favorite  

 
Javier
 Javier
Estimable Member

Hola, estamos instalando una nueva web a partir de la plantilla favorite de uno de vuestros packs. Queremos poder utilizar las fuentes e iconos de fontawesome. Hemos visto que por defecto la plantilla sí tiene instalado por defectos los ficheros: carpeta font en raiz del template y resto de archivos css dentro de la de bootstrap. Dentro de del index del templeta hemos visto que sí conecta con el resto de hojas de estilo, pero no hemos observado que conecte con la hoja de estilos de font-awesome. Por otro lado hemos probado a hacer varias ejemplos según la página del desarrollador de font awesome y no hemos conseguido utilizar correctamente los iconos de ejemplo. ¿ Cómo tenemos que configurar el index para que conecte con la hoja de estilos de font awesome?. ¿Cómo o dónde debemos introducir el código/clases de los iconos?. Hemos visto que tienen tutoriales para wordpress.... ¿Alguno para Joomla 3.0?
Gracias por todo

Un saludo

PS: Podían facilitarnos un ejemplo para poner iconos en el menú, o bien el módulo de Login, etc....

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 03/09/2014 2:23 am
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Verifica si el siguiente articulo de blog te es de utilidad:

IcoMoon para Joomla! 2.5
https://www.webempresa.com/blog/item/1069-icomoon-para-joomla-25.html

También funciona para Joomla 3.

ResponderCitar
Respondido : 03/09/2014 2:34 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Javier
 Javier
Estimable Member

Gracias por la respuesta, hemos revisado el video e instalado la extensión que nos recomienda, aunque tiene la pega de que cada vez que se actualiza el contenido de los artículos "resetea" y pierde la información del icono, y por otro lado, estos iconos visualmente no son los que queremos utilizar. Preferimos la galeríade iconos de font awesome. Nuevamente nos gustaría preguntaros qué instrucción y dónde, debemos añadirla para que la plantilla conecte con los archivos que sí tiene incorporados el pack en las carpetas de bootstrap, tanto la de fonts, como la de estilos de css, para que podamos utilizar las librerías de font awesome.
Gracias por todo. Un saludo

ResponderCitar
Respondido : 03/09/2014 10:07 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola Javier

Veo que se carga el css de font-awsome
Contenido solo visible a usuarios registrados

En la url anterior verás algunos estilos CSS que hacen referencia a los íconos, ubica todas las clases que tenga el texto ".icon-xxx:before" delante, por ejemplo :

.icon-download-alt:before {
  content: "f019";
}

Luego para usar este icono en tu código puedes hacerlo con el siguiente código html


Saludos

ResponderCitar
Respondido : 03/09/2014 11:05 pm

Javier
 Javier
Estimable Member

Muchas Gracias ¡¡¡¡¡¡ Lo probamos, Un saludo

ResponderCitar
Respondido : 03/09/2014 11:28 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Moderator

Hola Javier,

En caso de no funcionarte, siempre podrás utilizar plugins como NS Font Awesome (válido para Joomla 3) que te permiten gestionar Font Awesome sin probelmas.

- http://extensions.joomla.org/extensions/style-a-design/typography/26216

Saludos

ResponderCitar
Respondido : 04/09/2014 12:30 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación