Wie man eine woff2 Schrift in IE mit CSS lädt?

Question

Ich habe IE11 im IE10-Modus, und ich möchte eine CSS-Datei laden. Ich habe diese

@font-face { 
    font-family: celestesansbold; 
    src: url('celestesanscomp-bold-webfont.woff2'); 
} 

Und dann in der Konsole sehe ich

CSS3111: @font-face encountered unknown error. 
celestesanscomp-bold-webfont.woff2 

Und in der Registerkarte Netzwerk Ich sehe

Name Protocol Method Result Content type Received Time Initiator 
.../celestesanscomp-bold-webfont.woff2 HTTP GET 200 font/woff2 (from cache) 0 s 

Und das nicht geladen werden nicht richtig auf die Seite ändert sich der Text nicht.

Weiß jemand, was los ist?

Allerdings regelmäßige woff-Dateien funktionieren, aber das ist woff2.

Dank

Answer 1

IE nicht woff2 unterstützt. Deshalb müssen Sie woff angeben.

In der Tat ist woff der Standard und es ist alles, was Sie brauchen.
Sie laden nur woff2, weil es bessere Funktionen für weniger Bandbreite in Browsern bietet, die es unterstützen.
Ältere Versionen von IE verwendet eot, aber es ist jetzt veraltet.

Wenn Sie mehr als eine Schriftartdatei bereitstellen, bedeutet dies jedoch nicht, dass der Browser alle Dateien lädt. Es hört auf, sie zu laden, wenn es einen erfolgreich gefunden findet. Was bedeutet, dass ihre Reihenfolge sehr wichtig ist. Sie möchten die moderneren/effizienteren zuerst und die größeren (Fallbacks) dauern. Es sollte sein: woff2, woff, eot, svg, ttf/otf.