Débogage des problèmes de font-face dans IE9

malgré le fonctionnement de manière transparente dans IE8 et d'autres navigateurs, @ Font-Face Rencontres affiche des difficultés dans IE9. Ce problème se pose spécifiquement sur le site en direct, tandis que la visualisation locale sur l'ordinateur de l'utilisateur ne présente aucun problème.

Le code CSS en question est:

@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;
}

Un problème similaire a été signalé, avec la police fonctionnant dans toutes les versions IE sauf IE9. Cependant, la modification du mode de document (via les outils de développeur F12) résout le problème, bien que pas idéalement. En incluant les variations de police complètes générées par le générateur FONTSQUIRL @ FONT-FACE et en utilisant la technique Smileyface-locale, le problème a été résolu:

@ font-face { Font-Family: "Lucidafax-Bold"; src: url ("_ font / luditafax-bold.eot"); src: local ("☺"), URL ("_ FONT / LUCIDAFAX-BOLD.WOFF") Format ("Woff"), URL ("_ FONT / LUCIDAFAX-BOLD.TTF") Format ("TrueType"), URL ("_ FONT / LUCIDAFAX-BOLD.SVG # LUCIDAFAX-BOLD") Format ("SVG"); } H1 {font-Family: "LucidaFax-Bold", serif;} De plus, le hack de texte-shadow Mark "Tarquin" Wilton-Jones a été utilisé pour atteindre un style visuel cohérent sur les versions IE.