À l'aide de jQuery animate opacité CSS fondu et @font-face donne Internet Explorer très laid de rendu des polices?

Je travaille sur un site en HTML/CSS/jQuery qui essaie d'agir comme un site en Flash. J'ai eu à utiliser @font-face pour obtenir la police souhaitée de travail. Le client veut que le fondu en entrée de texte et de contenu (de sorte qu'il ressemble le fichier Flash). Le problème est, la police aspect déchiqueté et laid dans Internet Explorer.

Mon CSS pour la police visage ressemble à ceci:

@font-face {
font-family: 'SansumiRegular';
src: url('../fonts/Sansumi-Bold.eot');
src: local('Sansumi Regular'), local('Sansumi-Bold'), url('../fonts/Sansumi-Bold.ttf') format('truetype');}

...qui est généré à partir de: http://www.fontsquirrel.com/fontface/generator

Le jQuery pour le fondu dans le stuff est comme ceci:

$('#site').css({opacity: '0.0'});
... preloads the images with jQuery, and at callback do fade...
$('#site').animate({opacity: '1.0'}, 1000);

Fondamentalement, il n'y a pas moyen de contourner le fait que j'ai besoin d'utiliser cette police particulière (pas de standard de polices web) et je dois utiliser une sorte de fondu technique pour son "look like le fichier Flash'.

Tout cela ressemble beaucoup dans Firefox, Safari, Chrome... Mais sous IE, il semble déchets - tous les irréguliers et presque illisible. Après avoir regardé autour, j'ai trouvé ce plugin jQuery qui est destinée à traiter avec ClearType questions dans IE: http://allcreatives.net/2009/12/05/jquery-plugin-ie-font-face-cleartype-fix/

...mais j'ai le sentiment que c'est ce fondu qui cause le problème avec les polices. C'est peut-être le fait que IE n'est pas vraiment favorable à l'opacité CSS commande? ...mais il ne fade in fine de toutes les S?! J'ai même essayé un relativement inconnu de la technique d'application d'un arrière-plan opaque de couleur (comme: #FFFFFF) pour les éléments avec le texte qui s'efface, mais cela ne semble pas faire quoi que ce soit.

Il doit être contourner ce problème? En dehors de cette petite police de problème, le site est complet!

  • Mise à JOUR: Ce n'est pas un problème avec le fondu. C'est le problème avec IE 7 et 8 polices d'affichage de l'utilisation de @font-face. J'ai essayé les techniques expliquées dans le lien dans ma question et ce n'est toujours pas le faire. La police s'affiche bien dans IE6, mais pas IE7 et IE8 qui me fait croire que c'est la manière dont ils sont l'affichage de la police. Rien à voir avec le fondu de problème... quelqu'un a plus d'idées?
InformationsquelleAutor littlejim84 | 2010-01-19