debugging @font-face-Probleme in IE9

trotz nahtlos in IE8 und anderen Browsern funktionieren @font-face-Begegnungen, die Schwierigkeiten in IE9 anzeigen. Dieses Problem tritt speziell auf der Live-Site auf, während die lokale Anzeige auf dem Computer des Benutzers keine Probleme darstellt. Schriftfamilie: 'LeagueGothicregular'; SRC: URL ('League_Gothic_0-Webfont.eot'); SRC: LOCAL ('League Gothic Regular'), URL ('League_Gothic_0-Webfont.Woff') Format ('Woff'), URL ('League_Gothic_0-Webfont.tttf') Format ('truetype'), URL ('League_Gothic_0-Webfont.Svg#webonta36nfpy_0-0-webfont.svg#webonta36nfpy_0-0-webfont.svg#wetfonta36nfpy_0-0-webfont.svg#WebfonTa36nfPy_0-0-webfont.svg#webonta36nfpy_0-0-webfont.svg#webonta36nfpy_0-0-webfont. Format ('SVG'); Schriftgewicht: normal; Schriftstil: Normal; }

Ein ähnliches Problem wurde gemeldet, wobei die Schriftart in allen IE -Versionen außer IE9 funktioniert. Das Ändern des Dokumentmodus (über die F12 -Entwickler -Tools) löst das Problem jedoch, wenn auch nicht idealerweise. Durch die Einbeziehung der vollständigen Schriftvariationen, die vom Fontsquirrel @Font-Face-Generator generiert und die Smileyface-Local-Technik verwendet werden, wurde das Problem gelöst:

@font-face {
                font-family: 'LeagueGothicRegular';
                src: url('league_gothic_0-webfont.eot');
                src: local('League Gothic Regular'), url('league_gothic_0-webfont.woff') format('woff'), url('league_gothic_0-webfont.ttf') format('truetype'), url('league_gothic_0-webfont.svg#webfonta36nFpyE') format('svg');font-weight: normal;font-style: normal;
}

zusätzlich, das Mark "tarquin" Wilton-Jones Text-Shadow Hack wurde eingesetzt, um ein konsequentes visuelles Styling über IE-Versionen hinweg zu erreichen.