Foros del Web » Creando para Internet » CSS »

Problemas con css

Estas en el tema de Problemas con css en el foro de CSS en Foros del Web. 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'), ...
  #1 (permalink)  
Antiguo 25/02/2011, 07:55
 
Fecha de Ingreso: diciembre-2010
Mensajes: 27
Antigüedad: 7 años
Puntos: 1
Pregunta Problemas con css

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!!!!
  #2 (permalink)  
Antiguo 25/02/2011, 09:22
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problemas con css

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)
  #3 (permalink)  
Antiguo 25/02/2011, 12:24
 
Fecha de Ingreso: diciembre-2010
Mensajes: 27
Antigüedad: 7 años
Puntos: 1
Respuesta: Problemas con css

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!
  #4 (permalink)  
Antiguo 27/02/2011, 08:35
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Problemas con css

Cita:
Iniciado por hugocaval Ver Mensaje
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.

Etiquetas: font-family, fuentes
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 04:48.