font-face non sembra funzionare in IE8?

Ho le seguenti righe nel mio CSS.font-face non sembra funzionare in IE8?

@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") }

In IE9, vengono visualizzati. In IE8, sta utilizzando il font di fallback, Arial. Come faccio a far funzionare questo in IE8?

fonte

2012-03-01 Amanda Kitson

Provare a eseguire il vostro font attraverso [generatore di fontsquirrel] (http://www.fontsquirrel.com/fontface/generator) e vedere che cosa tira fuori. Affinché i caratteri personalizzati funzionino su più browser, è necessario che il carattere sia disponibile in diversi formati. –

Sembra che il generatore di fontsquireel non funzioni per me. Dopo aver caricato i file, continua a dire che non ho caricato file e che non ci sono font nel download che fornisce. Ho provato con FireFox 10 e IE8. Proverò con un altro browser stasera quando torno a casa. –

Il sito Web di FontSquirrel è davvero molto lento per me oggi. Mi chiedo se stanno avendo alcuni problemi. Puoi anche dare un'occhiata ad alcuni [google web font] (http://www.google.com/webfonts) per vedere come hanno fatto le cose. –

È necessario fornire una versione EOT del font in modo che le versioni precedenti di IE lo incorporino. Non riconosceranno nessun altro formato, motivo per cui stai osservando il fallback di Arial.

Porta il tuo carattere allo Font Squirrel @font-face Generator e preparerà tutto per te, compreso un nuovo set di regole CSS @font-face da utilizzare su quelle esistenti.

fonte

2012-03-01 13:56:42 BoltClock

Finalmente ho ottenuto che Font Squirrel funzionasse per me. Adoro l'uscita! Fantastico! Grazie! –

Internet Explorer non riconosce i caratteri di carattere .ttf (TrueType) o .otf (OpenType) nei CSS3, almeno non ancora. IE riconosce uno .eot (tipo Open incorporabile).

@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 */ 
}

Date un'occhiata a here

fonte

2012-03-01 14:02:47

IE9 riconosce già i formati di carattere più comuni. – BoltClock

Sì, ma non vale a dire9 modalità di compatibilità – koffster

font-face non sembra funzionare in IE8?

risposta

Problemi correlati