como utilizar font ...
 
Avisos
Vaciar todo

como utilizar font awesome en la plantilla favorite

6 Respuestas
4 Usuarios
0 Reactions
2,673 Visitas
Respuestas: 153
Estimable Member
Topic starter
 

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


 
Respondido : 03/09/2014 1:23 am
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member 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.


 
Respondido : 03/09/2014 1:34 am
Respuestas: 153
Estimable Member
Topic starter
 

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


 
Respondido : 03/09/2014 9:07 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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


 
Respondido : 03/09/2014 10:05 pm
Respuestas: 153
Estimable Member
Topic starter
 

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


 
Respondido : 03/09/2014 10:28 pm
Luis Mendez Alejo
Respuestas: 23273
Illustrious Member
 

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


 
Respondido : 03/09/2014 11:30 pm