Foros del Web » Creando para Internet » CSS »

Font-face sólo carga en Safari.

Estas en el tema de Font-face sólo carga en Safari. en el foro de CSS en Foros del Web. 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. ...
  #1 (permalink)  
Antiguo 02/03/2015, 13:05
Avatar de 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');
}
  #2 (permalink)  
Antiguo 02/03/2015, 13:09
 
Fecha de Ingreso: julio-2010
Ubicación: A Coruña
Mensajes: 505
Antigüedad: 14 años, 3 meses
Puntos: 60
Respuesta: Font-face sólo carga en Safari.

yo nunca he visto una ruta a un archivo propio que comience por "http://.../"... no se si será por eso. Igualmente si mostraras el link se te podía ayudar de manera mucho mas facil
__________________
http://zeromm.es/
Diseñador Web | Experto en Responsive Design, CSS3 y Optimización Web.

Etiquetas: font-face, todo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:07.