css - otf - font to html generator

Mi fuente personalizada no quiere trabajar en Internet Explorer

Question

Estoy tratando de usar las fuentes Green Pillow y Cotidiana en un sitio en el que estoy trabajando. He cargado el archivo .eot usando @ font-face pero aún no funciona ...

Realmente no estoy seguro de lo que he hecho mal aquí:

@font-face {  
 font-family: "link_font";  
 src: url( "Greenpiloww.eot" ); /* IE */  
 src: local("GreenPillow"), url( "GREENPIL.otf" ) format("truetype"); /* non-IE */  
}  


@font-face {  
font-family: "twitter_font";  
 src: url( "Cotidiana.eot" ); /* IE */  
src: local("Cotidiana"), url( "Cotidiana.ttf" ) format("truetype"); /* non-IE */  
}  

Answer 1

Puede probar la siguiente sintaxis, conocida como la sintaxis de tipo de letra a prueba de balas :

@font-face {
    font-family: ''MyFontFamily'';
    src: url(''myfont-webfont.eot?#iefix'') format(''embedded-opentype''), 
         url(''myfont-webfont.woff'') format(''woff''), 
         url(''myfont-webfont.ttf'')  format(''truetype''),
         url(''myfont-webfont.svg#svgFontName'') format(''svg'');
    }

Aparentemente, la cadena de consulta después de la fuente .eot ayuda a que IE no se .eot . Si no tiene versiones .svg o .woff de sus fuentes, simplemente elimine esas líneas.