Debugging @Font-face Questões em ie9

apesar de funcionarem perfeitamente no IE8 e em outros navegadores, @font-face encontros exibem dificuldades no IE9. Esse problema surge especificamente no site ao vivo, enquanto a visualização local no computador do usuário não apresenta nenhum problema.

O código CSS em pergunta é:

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

Um problema semelhante foi relatado, com a fonte funcionando em todas as versões do IE, exceto IE9. No entanto, a alteração do modo de documento (através das ferramentas de desenvolvedor F12) resolve o problema, embora não seja ideal. Ao incluir as variações completas da fonte geradas pelo gerador FontsQuirrel @font-face e usando a técnica Smileyface-Local, o problema foi resolvido:

@font-face { Fonte-família: "Lucidafax-Bold"; src: url ("_ font/lucidafax-bold.eot"); SRC: Local ("☺"), url ("_ font/lucidafax-bold.woff") formato ("woff"), URL ("_ Font/Lucidafax-Bold.ttf") formato ("TrueType"), url ("_ font/lucidafax-bold.svg#lucidafax-bold") formato ("svg"); } H1 {Font-Family: "Lucidafax-Bold", Serif;} Além disso, a marca "Tarquin" Wilton-Jones-Shadow Hack foi empregada para obter um estilo visual consistente nas versões do IE.