2010-02-10 8 views
2

J'utilise @ font-face sur un site sur lequel je travaille, et tout fonctionne parfaitement cross-browser jusqu'à ce que j'utilise une fenêtre modale pour afficher un iframe.@ problème de font-face dans IE8 après l'utilisation de la fenêtre modale

Lorsqu'un lien est cliqué dans l'iframe ou qu'un formulaire est soumis, Internet Explorer 8 perd le style @ font-face et revient à Arial. Ce problème se produit également si une fenêtre modale est ouverte avec un iframe, puis à nouveau fermé, puis l'utilisateur met en surbrillance le texte. Dès que le texte est en surbrillance, il perd son style de police.

Est-ce que quelqu'un d'autre a déjà eu ce problème ou a trouvé un moyen de contourner ce problème?

+0

Exactement le même bug semble se produire si vous supprimez une forme VML avec un chemin de texte qui référence une police personnalisée à partir du DOM. La solution facile est de le cacher avec 'display: none', au lieu de le supprimer (si c'est possible dans ce cas). –

Répondre

3

J'ai également trouvé ce problème. J'ai fait du travail pour essayer de reproduire, et j'ai trouvé que c'était extrêmement variable. Parfois, cela arrive, parfois non.

Voir mon article complet ici: http://kenneth.kufluk.com/blog/2010/02/losing-face-with-ie8/

choses à essayer:

  1. Vérifiez vos doctypes correspondent
  2. Retirez toutes les polices de secours (peu dures, mais il semblait travailler)
  3. Utilisation javascript pour recharger la feuille de style après la fermeture de la fenêtre