Hola,
Tengo unos problemas con el @font-face para MAC
Tengo en el código CSS de está manera:
Código:
@font-face {
font-family: 'Knockout-HTF28-JuniorFeatherwt';
src: url('fonts/knockout-htf28-juniorfeatherwt.eot');
src: url('fonts/knockout-htf28-juniorfeatherwt.eot?#iefix') format('embedded-opentype'),
url('fonts/knockout-htf28-juniorfeatherwt.woff')format('woff'),
url('fonts/knockout-htf28-juniorfeatherwt.ttf') format('truetype'),
url('fonts/knockout-htf28-juniorfeatherwt.svg#Knockout-HTF28-JuniorFeatherwt') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Knockout-HTF29-JuniorLiteWeight';
src: url('fonts/knockout-htf29-juniorliteweight.eot');
src: url('fonts/knockout-htf29-juniorliteweight.eot?#iefix') format('embedded-opentype'),
url('fonts/knockout-htf29-juniorliteweight.woff') format('woff'),
url('fonts/knockout-htf29-juniorliteweight.ttf') format('truetype'),
url('fonts/knockout-htf29-juniorliteweight.svg#Knockout-HTF29-JuniorLiteWeight') format('svg');
font-weight: normal;
font-style: normal;
}
Adjunto Fuentes:
http://www.mediafire.com/?36xm2i2z60b9gjb
Llamo a mi fuente como normalmente se llama:
{font-family : 'Knockout-HTF28-JuniorFeatherwt', arial, sans-serif;}
{font-family : 'Knockout-HTF29-JuniorLiteWeight', arial, sans-serif;}
Pero el problema está que solo se puede ver el el HTF29 (está se ve bien y como debe ser) y las demás no, y nose porque, tengo varias @fonts que son 28, 30, 40, 47, etc. nose cual sea el error y ya he validado el CSS/HTML en el W3C que todo está correcto.
El problema solo sucede en MAC en Safari y Chrome y Firefox se ve pero no los reconoce como la font que corresponde (es decir pone otra font).
Nose si sea mi MAC u otro problema.
En Windows corre bien en todos los navegadores.