Daten-URI in eingebetteter Font-Deklaration (@ font-face) unterbricht IE 9

8

Ich habe eine CSS-Datei mit einer @font-face -Deklaration, die die Font-Datei über einen Daten-URI einbettet:

%Vor%

Das Einbetten der Schriftart mit dem Daten-URI bewirkt, dass IE & lt; 9 um die Schrift nicht zu laden. Wenn ich die Zeile entferne (oder sie zurückverweise, um auf die .woff -Datei zu verweisen), lädt IE die Schriftart.

Was ist mit diesem CSS verwirrt IE?

Hintergrund: Ich habe eine Seite, auf der eingebettete Schriftarten aus einer anderen Domäne (einem CDN) geladen werden. Leider benötigt Mozilla einen CORS-Header ( Access-Control-Allow-Origin ) für eingebettete Schriftarten, die von verschiedenen Domänen geliefert werden (ein abuse von CORS und schreckliche Idee meiner Meinung nach). Aus Gründen, die ich nicht kontrollieren kann (Bürokratie), kann ich den CORS-Header nicht an Font-Dateien schicken, also bin ich bei der suboptimalen Einbettung der Font-Datei in die CSS-Datei über einen Daten-URI fest / p>     

josh3736 15.08.2011, 20:05
quelle

2 Antworten

4

Die maximale URL-Länge wurde wahrscheinlich überschritten.
Denken Sie daran, dass ältere Versionen von IE alles zwischen dem ? und dem letzten '); (einschließlich des Daten-URI) hinzufügen.
Also in Ihrem Fall wäre die Lösung, eine andere Methode (Mo 'Bulletproofer zum Beispiel) zu verwenden.

    
Knu 15.08.2011, 20:57
quelle
6

Ich hatte das gleiche Problem. Das Verschieben der eingebetteten Schriftart in eine andere Deklaration funktionierte für mich.

%Vor%     
Andrew Le Conte 04.11.2012 08:53
quelle