Ver Mensaje Individual
  #1 (permalink)  
Antiguo 05/01/2014, 18:43
Avatar de madman_18
madman_18
 
Fecha de Ingreso: agosto-2010
Mensajes: 792
Antigüedad: 13 años, 8 meses
Puntos: 14
Pregunta Problema al insertar como webfont Flaticon

Buenas a todos!

Comentaros...estoy intentando meter en mi nueva web los iconos que se pueden encontrar en http://www.flaticon.com/.

Según he leído es mejor insertarlos como webfont ya que aligera la carga (si estoy equivocado o lo que sea me lo comentáis porque yo no sabía esto )

Ahora, aplico el siguiente código en mi web:

Código CSS:
Ver original
  1. @font-face {
  2. font-family: "examplefont";
  3. src: url("fonts/batch/batch.svg") format("svg");
  4. src: url("fonts/batch/batch.ttf") format("truetype");
  5. font-weight: normal;
  6. font-style: normal;
  7. }
  8. [class^="icon-"]:before, [class*=" icon-"]:before {
  9. font-family: "examplefont";
  10. display: inline-block;
  11. margin-right: .2em;
  12. text-align: center;
  13. margin-left: .2em;
  14. }
Aplicando el mismo ejemplo que da su web, y los distintos ficheros están alojados correctamente en dichas carpetas... y no consigo que me funcione nunca :( :( he usado Chrome, Safari, Firefox...y nada...

Alguna idea de por qué puede ser?
__________________
"Si consigues ser algo más que un hombre, si te entregas a un ideal, te convertes en algo muy diferente"