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.