2014-01-10 8 views
5

Ich habe Probleme mit meinen Schriften in IE11. Ich habe die folgende Schrift verwendet, die in Chrome, Safari und Firefox funktioniert, aber nicht in IE.IE 11 "kugelsichere" Font-Face und zurück Schriftarten funktioniert nicht

@font-face { 
font-family: 'Avenir'; 
src: url('fonts/avenirnextltpro-mediumcn.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */ 
src: url('fonts/avenirnextltpro-mediumcn.woff') format('woff'), /* Modern Browsers */ 
    url('fonts/avenirnextltpro-mediumcn.ttf') format('truetype'), /* Safari, Android, iOS */ 
    url('fonts/avenirnextltpro-mediumcn.svg#svgFontName') format('svg') /* Legacy iOS */ 
} 

So habe ich einige

Fallbacks
font-family: 'Avenir', 'Arial Narrow', 'sans-serif'; 

die die Arbeit tatsächlich für IE 11 auf meinem Rechner, aber nicht auf einem IE Kollege 11. So, jetzt bin ich wirklich ratlos.

Ich bin definitiv kein alter Profi in diesem Zeug, also werden alle Vorschläge sehr geschätzt!

+4

Wenn Sie F12 getroffen, laden Sie die Seite, und Blick auf die Registerkarte Konsole F12 Werkzeuge, tun Sie siehst du irgendwelche Fehlermeldungen? – EricLaw

+1

Ja, es sagt @ Font-Face gescheitert OpenType-Einbettung Berechtigungsprüfung. Die Berechtigung muss installierbar sein. Datei: avenirnextltpro-mediumcn.ttf. Sollte ich die .ttf für IE entfernen? –

+5

IE verwendet keine TTF-Datei, es sei denn, das Flag "Installierbar" ist in dieser Schriftart gesetzt (was normalerweise nicht der Fall ist, es sei denn, die Schriftart ist speziell lizenziert, um eine solche Verwendung zu erlauben). Allerdings sollte die WOFF-Datei gut funktionieren - sehen Sie diesen Download in den Netzwerk-Tools? – EricLaw

Antwort

0

Ich bin nicht sicher, ob IE 11 jetzt andere Schriftformate wie .woff unterstützt, aber meine beste Vermutung ist, dass Sie eine andere .eot Schriftart für IE9 + hinzufügen sollten, da Sie nur EOT-Schriftart für IE-Versionen 6-8 hinzugefügt. Siehe unten.

Code:

src: url('fonts/avenirnextltpro-mediumcn.eot?#iefix') format('embedded-opentype'); /** IE6-IE8 **/ 

versuchen und es wie folgt aktualisieren:

src: url('fonts/avenirnextltpro-mediumcn.eot'); /** IE9 Compat Modes **/ 
src: url('fonts/avenirnextltpro-mediumcn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */