Tengo unos problemas con el @font-face para MAC
Tengo en el código CSS de está manera:
Código:
Adjunto Fuentes: http://www.mediafire.com/?36xm2i2z60b9gjb@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; }
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.