css - otf - font-face no parece estar funcionando en IE8?

font face sass

Question

Tengo las siguientes líneas en mi CSS.

@font-face { font-family: Keffeesatz; src: url(/Styles/YanoneKaffeesatz-Light.otf) format("opentype") }
@font-face { font-family: KeffeesatzBold; src: url(/Styles/YanoneKaffeesatz-Bold.otf) format("opentype") }

En IE9, estos aparecen. En IE8, está usando la fuente alternativa, Arial. ¿Cómo hago para que esto funcione en IE8?

Answer 1

Debe proporcionar una versión EOT de su fuente para que las versiones anteriores de IE la incrusten. No reconocerán ningún otro formato, por lo que estás observando la alternativa a Arial.

Lleve su fuente al Generador Font Squirrel @font-face y lo preparará todo para usted, incluido un nuevo conjunto de reglas CSS @font-face para usar sobre las existentes.

Answer 2

Internet Explorer no reconoce sus fuentes de fuente .ttf (TrueType) o .otf (OpenType) en CSS3, al menos no todavía. IE reconoce un .eot (tipo abierto incrustable).

@font-face {
font-family: ''MyWebFont'';
src: url(''webfont.eot''); /* IE9 Compat Modes */
src: url(''webfont.eot?#iefix'') format(''embedded-opentype''), /* IE6-IE8 */
     url(''webfont.woff'') format(''woff''), /* Modern Browsers */
     url(''webfont.ttf'')  format(''truetype''), /* Safari, Android, iOS */
     url(''webfont.svg#svgFontName'') format(''svg''); /* Legacy iOS */
}

Echa un vistazo aquí