8

Derzeit erstellen Sie eine Website mit Google Fonts. Alles funktioniert in IE6 bis 10, Firefox, Chrome und in mobilen Browsern. Auf IE 11 werden jedoch keine Schriftarten geladen und alles wird mit Fallback-Schriftarten (Sans-Serif usw.) angezeigt.Google Fonts funktionieren nicht im Internet Explorer (IE) 11

Das gleiche Problem scheint auf den folgenden beiden Seiten erörtert worden zu sein, aber ohne Auflösung:
Google Code
MSDN Forums

Ich habe nicht in der Lage gewesen, eine Lösung zu finden entweder und frage mich, ob hier jemand eine hat Workaround an Ort und Stelle.

+2

Sieht für mich wie Microsoft haben sich entschieden, die DRM in Font-Dateien zu erzwingen. [Dieser Link] (http://carnage-melon.tom7.org/embed/) könnte Ihnen helfen, aber lesen Sie die Warnung am Ende der Seite. –

+0

IE 11 hat einen Fehler mit Google-Suchmaschine, was bedeutet, dass alles im Zusammenhang mit Google Problem haben könnte ...... Ich denke schon .... –

Antwort

6

Mit dem Web Font Loader Javascript anstelle der Standardmethode zum Hinzufügen von Schriften funktioniert in IE11 für mich. https://developers.google.com/fonts/docs/webfont_loader.

Es hatte auch den Vorteil, Standardschrifttext zu haben, der auf langsamen Verbindungen zeigt, bis Schriftartdownloads, an diesem Punkt zu google Schriftart wechselt. Sonst erhalten Sie für einige Sekunden keinen Text.

Wichtiger Hinweis: Sie müssen diesen Schalter so gestalten, dass die Neuzeichnung des Bildschirms minimiert und für den Endbenutzer minimiert wird, d. H., Wählen Sie den Stapel der Fallback-Schrift sorgfältig aus.

+0

Ich hatte ein ähnliches Problem mit IE 11 (und 10) Rendering meine benutzerdefinierte Google-Schriftart mit einer falschen Breite. Die Seite rendert Elemente basierend auf der standardmäßigen Körperschriftart und wendet dann die Google-Schriftart zu einem späteren Zeitpunkt an. Dieser Tipp behob mein Problem und arbeitete für mich. – Evster

0

Sogar ich hatte das gleiche Problem in IE11, aber mit dem 'Woff'-Format löste es für mich.

2

Ich hatte das ähnliche Problem. Fonts von css wurden in IE11 nur geladen, wenn ich die Refresh- oder Forward/Back-Tasten gedrückt habe. Ich habe es geschafft, dieses Problem zu lösen, indem ich ein leeres "style" -Tag hinzufügte, um die Dokumente zu laden. (ex .: $('head').append('<style></style>')) Hoffe, dass dies jemand mit dem gleichen Problem helfen wird.