[SOLUCIONADO] @font-face not work

[arcanisgk122]

hola amigos como dice el titulo tengo problemas con font face.

el codigo es el siguiente:

Código CSS:

@font-face {
    font-family:"FuturaExtended";
    src:    url('../fonts/n/futuraextended.eot'); /* IE9 Compat Modes */
    src:    url('../fonts/n/futuraextended.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
            url('../fonts/n/futuraextended.woff') format('woff'), /* Modern Browsers */
            url('../fonts/n/futuraextended.ttf') format('truetype'), /* Safari, Android, iOS */
            url('../fonts/n/futuraextended.svg#futuraextendedregular') format('svg'); /* Legacy iOS */
    font-weight: normal;
    font-style: normal;
    }
 

aplico de esta forma:

Código CSS:

.fno {
    font-family:"FuturaExtended";
    font-size: 14px;
    }
 

Este es el HTML

Código HTML:

<span class="fno">Texto normal</span>
 

no me trabaja en IE 10. alguna idea?

he encontrado el posible problema pero no me cuadra la verdad en Chrome funciona y en IE 10 y derivados no.

esta es mi esctructura:

root:
index.html
+-Setup /*carpeta*/
|--main.css /*este es el css*/
+-Font/*carpeta*/
|--+n/*carpeta fuentes normales*/
|--|--font/*aqui esta las fuentes*/

utilizando
../fonts/n/

el IE 10 no logra localizar la fuente al ponerla en la misma carpeta que la hoja de estilo y cambiar la dirección del recurso entonces se acomoda.

[arcanisgk122]

para todos aquellos que usen font face recomiendo usar esto:

Código CSS:

@font-face {
    font-family: 'futuraextendedregular';
    src: url('./fonts/n/futuraextended-webfont.eot');
    src: url('./fonts/n/futuraextended-webfont.eot?#iefix') format('embedded-opentype'),
         url('./fonts/n/futuraextended-webfont.woff') format('woff'),
         url('./fonts/n/futuraextended-webfont.ttf') format('truetype'),
         url('./fonts/n/futuraextended-webfont.svg#futuraextendedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
 

[pzin]

Por lo menos en el foro, casi siempre es un problema relacionado con las rutas.

Usar rutas absolutas para ver si el fallo está en la ruta casi siempre ayuda.

Ya comento por decir algo, no te vayas a sentir solo en el tema.

[arcanisgk122]

gracias pero lo resolvi. la duda queda ahora de cual forma es mas rapido...

usar rutas completas y staticas o las relativas "../" o "./" por que aun no se los pro y los contra de cada una. si alguien sabe al respecto me gustaria ver comentarios

[pzin]

No creo que exista diferencia en usar una forma u otra. Las relativas son más fáciles de mantener, además de poder usarlas de forma local y en el servidor indiferentemente.

El navegador, al y al cabo, siempre las va a tratar como rutas absolutas, así que hay diferencia alguna, seguramente sea inapreciable.