Problema con sintaxis de font-face en IE9

[jorgerock]

Hola, me uní a este foro para poder hacer una consulta debido a que ya estoy medio desesperado. Tengo problemas cargando una fuente desde @font-face en Internet Explorer 9. El código CSS es el siguiente:

Código:

@font-face {
     font-family: 'Cursive';
     src: url('cursive-webfont.eot');
     src: url('cursive-webfont.eot?#iefix') format('embedded-opentype'),
          url('cursive-webfont.woff') format('woff'),
          url('cursive-webfont.ttf') format('truetype'),
          url('http://pitanza.net/fonts/cursive/cursive-webfont.svg#Clarendon') format('svg');
 }

El problema está sucediendo en este sitio [URL="http://santodiseno.bootic.net"]http://santodiseno.bootic.net[/URL]

Busqué info a través de Google y en este mismo sitio pero nada me sirvió. A ver si ustedes ven algo que yo no.

Saludos.

[comablck]

yo utilizo esta forma..

@font-face {
font-family: 'Nissan';
src: url('NissanAG-Medium.eot?') format('eot'), url('NissanAG-Medium.woff') format('woff'),
url('NissanAG-Medium.ttf') format('truetype'), url('NissanAG-Medium.otf');
font-style: normal;
}

obviamente las fuentes deben estar en ese formato. Talvez este sitio te ayude..
http://www.fontspring.com/

[emprear]

El código para fontface que pusiste es correcto, no se si la fuente en si tenga algún problema, más allá de eso, Cual es el problema? Cual es el texto que debería tener la fuente? el menú que dice
Catálogo Recién llegado Promociones ¿Cómo comprar? Despacho Contacto Hom...
Solo se ve en Chrome Y Safari

en Firefox, Opera e IE, la fuente no se ve.

Lo más seguro es que tengas un problema con las rutas de las fuentes, vi varias que cargan externas.

en una prueba final
agergué esto a tu css

Código CSS:

@font-face{
font-family:Fontin-Regular;
src: url('http://foros.emprear.com/fontface/fontface/Fontin-Regular.eot');
}
 
@font-face{
font-family: Fontin-Regular; 
src: url('http://foros.emprear.com/fontface/fontface/Fontin-Regular.otf') format('opentype');
 

y al cursive lo cambie por Fontin-Regular y en FF se corrigió,

[jorgerock]

emprear: ¿Te funcionó en IE9? En mis test es el único navegador en que me da problemas. (En Firefox sé que cuando son tipografías están en un servidor externo estas no cargan).

[emprear]

No, en ie9 no funcionó y no pude hacer la prueba, pero en Firefox tampoco funcionaba, y le cargue editando los estilos, fuentes que estan en mi server y funcionó perfecto.
Vi que los que usas son los kits de font-squirrel, esos andan bien en todos los navegadores, si hay un problema generalmente son las rutas.

y siempre es recomendable que las tengas en tu propio server.
Con respecto a las urls externas, lo podés corregir, si usas Apache con estas directivas en .htaccess

Código Apache:

<IfModule mod_headers.c>
### Ejemplo con una url específica
### Header set Access-Control-Allow-Origin http://momardi.s3.amazonaws.com 
Header set Access-Control-Allow-Origin "*"
</IfModule>
 
<FilesMatch "\.(ttf|otf|eot|svg|woff)$">
   <IfModule mod_headers.c>
       Header set Access-Control-Allow-Origin "*"
   </IfModule>
</FilesMatch>
 

Suponiendo claro está , que tu server tiene habilitados dichos números

Saludos

[Null_]

El código del principio está generado con www.fontsquirrel.com, por lo que me parece muy raro que contenga una ruta externa y que tengas problemas con el código.
Podrías probar generar de nuevo el kit en fontsquirrel e implementarlo nuevamente.

Saludos.

[emprear]

@jorgerock:
Parece solucionada, que era en definitiva?

@Null_ : que el código sea de fontSquirrel, no significa que alguien lo haya modificado, entre otras cosas el css contiene esto

Código CSS:

@font-face {
     font-family: 'Cursive';
     src: url('cursive-webfont.eot');
     src: url('cursive-webfont.eot?#iefix') format('embedded-opentype'),
          url('cursive-webfont.woff') format('woff'),
          url('cursive-webfont.ttf') format('truetype'),
          url('http://pitanza.net/fonts/cursive/cursive-webfont.svg#Clarendon') format('svg');
 }
 
@font-face {
     font-family: 'Clarendon';
     src: url('http://pitanza.net/fonts/clarendon2/clarendonltstd-webfont.eot');
     src: url('http://pitanza.net/fonts/clarendon2/clarendonltstd-webfont.eot?#iefix') format('embedded-opentype'),
          url('http://pitanza.net/fonts/clarendon2/clarendonltstd-webfont.woff') format('woff'),
          url('http://pitanza.net/fonts/clarendon2/clarendonltstd-webfont.ttf') format('truetype'),
          url('http://pitanza.net/fonts/clarendon2/clarendonltstd-webfont.svg#Clarendon') format('svg');
 

Y justamente la fuente que no andaba era la Cursive, que usa una ruta relativa


Saludos

[jorgerock]

Finalmente era problema de la sintaxis imagino, probaba de una forma y cargaba en IE9 y FF, pero no en navegadores con Web-kit... finalmente corté por algo más sencillo y ocupé una webfont de google, de todas formas quizás aplique un hack para CSS y haga un pequeño experimento y ver si funciona.