Ver Mensaje Individual
  #1 (permalink)  
Antiguo 02/03/2015, 13:05
Avatar de RAZGRIZ24
RAZGRIZ24
 
Fecha de Ingreso: septiembre-2009
Mensajes: 143
Antigüedad: 15 años, 2 meses
Puntos: 2
Font-face sólo carga en Safari.

Hola compis,

Pues eso, que tengo un código @font-face introducido y sólo me carga con el navegador Safari, en todos los demás se ve horrible.

Os enseño el código, a ver cuál es el fallo, me espero algún fallo sencillo en el css, pero no soy ningún experto en el font-face. Es una pieza de código que me pasó amablemente un amigo y con el que nunca había tenido problemas hasta ahora.

Código:
/*

Los "..." en el código no buscan volver un nivel en el directorio, los he puesto para acortar una url un poco horrenda.

*/

@font-face {
    font-weight: 200;
    font-style: normal;
    font-family: 'effra';
    src: url('http://.../fonts/effra/effra_200.eot');
    src: url('http://.../fonts/effra/effra_200.eot?#iefix') format('embedded-opentype'),
         url('http://.../fonts/effra/effra_200.woff') format('woff'),
         url('http://.../fonts/effra/effra_200.ttf') format('truetype'),
         url('http://.../fonts/effra/effra_200.svg#effra_200regular') format('svg');
}
@font-face {
    font-weight: 400;
    font-style: normal;
    font-family: 'effra';
    src: url('http://.../fonts/effra/effra_400.eot');
    src: url('http://.../fonts/effra/effra_400.eot?#iefix') format('embedded-opentype'),
         url('http://.../fonts/effra/effra_400.woff') format('woff'),
         url('http://.../fonts/effra/effra_400.ttf') format('truetype'),
         url('http://.../fonts/effra/effra_400.svg#effra_400regular') format('svg');
}
@font-face {
    font-weight: 500;
    font-style: normal;
    font-family: 'effra';
    src: url('http://.../fonts/effra/effra_500.eot');
    src: url('http://.../fonts/effra/effra_500.eot?#iefix') format('embedded-opentype'),
         url('http://.../fonts/effra/effra_500.woff') format('woff'),
         url('http://.../fonts/effra/effra_500.ttf') format('truetype'),
         url('http://.../fonts/effra/effra_500.svg#effra_500regular') format('svg');
}
@font-face {
    font-weight: 700;
    font-style: normal;
    font-family: 'effra';
    src: url('http://.../fonts/effra/effra_700.eot');
    src: url('http://.../fonts/effra/effra_700.eot?#iefix') format('embedded-opentype'),
         url('http://.../fonts/effra/effra_700.woff') format('woff		'),
         url('http://.../fonts/effra/effra_700.ttf') format('truetype'),
         url('http://.../fonts/effra/effra_700.svg#effra_700regular') format('svg');
}