Problemas con css

[hugocaval]

Tengo un caso que no comprendo...

Creé 2 archivos css (estilos.css y fonts.css)
en fonts.css contiene:


@font-face {
font-family: 'Conv_Jey';
src: url('fonts/Jey.eot');
src: url('fonts/Jey.woff') format('woff'), url('fonts/Jey.ttf') format('truetype'), url('fonts/Jey.svg') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Kozuka Gothic Pr6N';
src: url('fonts/KozGoPr6N-ExtraLight.otf');
}

y estilos.css contiene:

@charset "utf-8";


h1{
font-family:Conv_Jey;
font-size:10px;
}
body{
font-family: 'Kozuka Gothic Pr6N';
font-size:9px;
}
y el index.php

que carga los dos archivos:

<link rel="stylesheet" type="text/css" href="fonts.css">
<link rel="stylesheet" type="text/css" href="estilos.css">

el tema es que no me toma la fuente del body...

ya subí las fuentes a la carpeta especificada...

mis conclusiones pueden ser:
1. me falta algo o tengo un error en el código para que me tome la fuente .otf
2. la fuente es muy pesada 5 mb (se que es una locura)
3. .otf no es tan compatible como con .woff?

2a. en el caso de reducir el tamaño del archivo... ¿cómo lo hago?¿o, que hago?

agradezco cualquier sugerencia!!!!

[kseso?]

1º: No especifica qué navegador está usando y en qué versión. Y es un dato más que significativo.
2º ¿Ve la diferencia en las dos reglas @font-face? Normalmente se definen varios formatos por las preferencias y particularidades de cada navegador.
3º: 5 mb no es que sea una locura. Es pegarse un tiro, no en un pie, sino en la cabeza.
4º: le sugiero que utilice el servicio de www.fontsquirrel.com para generar los archivos tipográficos. En caso de ser necesario, utilice las funciones avanzadas (check expert)

[hugocaval]

Kseso:
Gracias por tu aportación en tu respuesta me adviertes sobre los navegadores, uso:
IE 8.0, Mozilla 3.6, Opera 11.01, GChrome 9.0, Safari 5.0.
2º veo la diferencia gracias!
3º lo se, pero necesito usar esta fuente y busque de descargarla de otro lugar y encontré el mismo peso. aquí realmente veo un problema pero no se como resolverlo.

4º por supuesto que me interesó esta pagina que me recomiendas, me has dado una gran herramienta. ahora no me sirve de nada cuando el archivo fuente que tengo es tan pesado... que puedo hacer en este caso?

gracias!

[kseso?]

Iniciado por hugocaval

4º por supuesto que me interesó esta pagina que me recomiendas, me has dado una gran herramienta. ahora no me sirve de nada cuando el archivo fuente que tengo es tan pesado... que puedo hacer en este caso?

gracias!

Debería investigar las distintas opciones del "check expert".
No he podido localizar esa fuente para hacer pruebas.
Pero recuerdo que en función de las particularidades de la fuente podrá generar los archivos con más o menos elementos (desde soporte a distintas lenguas hasta incluir/excluir caracteres concretos...)

Pero está claro que si parte de un archivo muy pesado, el resultado final está en función del original.

Quizás le interese investigar el uso para su caso de otras técnicas que no sea @font-face. Las conocidas como de sustitución.
Tiene una relación y enlaces a ellas aquí al final del artículo.