8

Attualmente stiamo creando un sito utilizzando Google Fonts. Tutto funziona in IE6 a 10, Firefox, Chrome e sui browser mobili. Tuttavia su IE 11 non viene caricato alcun carattere e tutto viene visualizzato usando font di fallback (sans-serif ecc.).Google Fonts non funziona in Internet Explorer (IE) 11

Questo stesso problema sembra essere stato discusso nelle due pagine seguenti, ma senza risoluzione:
Google Code
MSDN Forums

non sono stato in grado di trovare una soluzione sia e mi chiedo se qualcuno ha qui un soluzione alternativa.

+2

Mi sembra che Microsoft abbia deciso di applicare il DRM integrato nei file di caratteri. [Questo link] (http://carnage-melon.tom7.org/embed/) potrebbe aiutarti, ma leggi l'avvertimento in fondo alla pagina. –

+0

IE 11 ha un bug con il motore di ricerca di google che significa che tutto ciò che riguarda google potrebbe avere problemi ...... penso di sì .... –

risposta

6

Utilizzare il caricatore di caratteri Web javascript invece del metodo predefinito di aggiunta di caratteri funziona con IE11 per me. https://developers.google.com/fonts/docs/webfont_loader.

Aveva anche il vantaggio di avere il testo del carattere predefinito visualizzato su connessioni lente fino al download di font, a quel punto si passerà al font google. Altrimenti non otterrai alcun testo per decine di secondi.

Nota importante: sarà necessario progettare questo interruttore per ridurre al minimo il ri-disegno dello schermo e l'immagine per l'utente finale, ad esempio, scegliere attentamente lo stack di font di fallback.

+0

Stavo avendo un problema simile con IE 11 (e 10) il rendering del mio carattere Google personalizzato con una larghezza errata. La pagina stava eseguendo il rendering degli elementi in base al carattere predefinito del corpo e quindi applicando il carattere Google in un secondo momento. Questo suggerimento ha risolto il mio problema e ha funzionato per me. – Evster

0

Anche io ho avuto lo stesso problema in IE11, ma l'utilizzo del formato 'woff' l'ha risolto per me.

2

Ho avuto il problema simile. I caratteri da css non sono stati caricati in IE11 solo quando ho premuto i pulsanti refresh o forward/back. Sono riuscito a risolvere questo problema aggiungendo un tag 'stile' vuoto a capo del carico del documento. (es .: $('head').append('<style></style>')) Spero che questo possa aiutare qualcuno con lo stesso problema.