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!!!!