Problema font-face en Firefox extraño

jorgerock · #1 (**permalink**) 25/01/2012, 05:21

Hola!

Bueno voy directo al grano. Tengo problemas en Firefox con las fuentes y no están cargadas desde un servidor externo.

El sitio es este:

[URL="http://clientes.grupok.cl/newscience/"]http://clientes.grupok.cl/newscience/[/URL]

Y el código css del font-face es el siguiente (generado con fontsquirrel):

Código:

@font-face {
    font-family: 'Droid';
    src: url('droidsans-webfont.eot');
    src: url('droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('droidsans-webfont.woff') format('woff'),
         url('droidsans-webfont.ttf') format('truetype'),
         url('droidsans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DroidBold';
    src: url('droidsans-bold-webfont.eot');
    src: url('droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('droidsans-bold-webfont.woff') format('woff'),
         url('droidsans-bold-webfont.ttf') format('truetype'),
         url('droidsans-bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

Extrañamente no funciona en el sitio... pero subí el archivo de prueba que genera fontsquirrel y si lo hace:

http://clientes.grupok.cl/newscience/fonttest/DroidSansBold-demo.html

Ya me desesperé y no sé que hacer. Agradecería mucho su ayuda.

pitufoweb · #2 (**permalink**) 25/01/2012, 07:07

El validador de CSS muestra algunos errores. Lo mas probable es que sea causa de alguno de esos errores.

Saludos

emprear · #3 (**permalink**) 25/01/2012, 09:10

Varias cosas que corregir

Tu Doctype no es válido
debería ser
<!DOCTYPE html>
para el caso que quieras haber hecho un html5, pero como tu contenido tampoco parece serlo, deberías usar

Código HTML:

Ver originalCopiar<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

Estás usando el shorthand font, el orden correcto de las propiedades es
font-style font-variant font-weight font-size/line-height font-family

Es decir que el ultimo corresponde a la familia de fuentes, si te salteas un valor, se pone el valor por defecto para la propiedad, si es que tiene uno.

Corregi eso primero, y vemos si funciona

Saludos

jorgerock · #4 (**permalink**) 25/01/2012, 15:42

Finalmente funcionó dejando de usar el shorthand font. Firefox no lo reconoce bien o no sé.

Muchas gracias por sus respuestas!