@font-face travaille dans IE8 mais pas IE9

Pas de réponse, juste une confirmation: j'ai un problème de nature similaire. Police fonctionne dans toutes les autres versions IE sauf IE9, à la fois à l'aide de IETester et navigateur d'origine. Lors du changement de Mode de Document (F12 outils de dev) police fonctionne. Pas la façon dont j'aimerais bien.

Mise à jour: Avec un peu de ruse, j'ai réussi à le faire fonctionner. Semble que IE9 est à l'aide de la .woff version de la police (qui, je l'avait exclu) au cours de la .eot que je le pensais. J'ai utilisé le @font-face generator de fontsquirrel pour obtenir toutes les polices différentes variations et les a inclus dans mon projet, à l'aide de la smileyface-local. De ne pas avoir à modifier mon .fichier htaccess. Maintenant, fonctionne très bien et semble le même dans toutes les versions IE:

@font-face {
  font-family: "LucidaFax-bold";
  src: url("_font/LucidaFax-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;}

(J'ai même eu mad frais à l'aide de la Marque "Tarquin" Wilton-Jones text-shadow hack, appliquant le même look pour les versions IE comme le reste du navigateur monde. De la vieille école? Ressemble beaucoup! Était-ce la peine? Eh bien, beaucoup appris. 😉

Pour nous, le truc, c'était juste changer le format de sur la .eot fichiers nous servez.

Travaille dans IE6-9, Firefox 3 Et 4, Chrome, Safari, Android, iPhone.

@font-face {
    font-family: 'Museo';
    src: url('/ui/museo300.eot?') format('eot'),
         url('/ui/museo300.ttf')  format('truetype')
}

Devient:

@font-face {
    font-family: 'Museo';
    src: url('/ui/museo300.eot?') format('embedded-opentype'),
         url('/ui/museo300.ttf')  format('truetype')
}

Police Écureuil fournit également un merveilleux outil de générateur pour vous aider à créer une police de kit qui inclut les formats requis, déjà-écrit CSS, et même une page de démonstration pour voir comment tout est utilisé, avec l'aide avec les problèmes que vous pouvez rencontrer.

Il était facile à intégrer sa sortie sur mon site et il n'a résoudre le problème à la perfection.

http://www.fontsquirrel.com l'utilise pour son exemple de CSS qui a fonctionné pour le projet sur lequel je travaillais.

@font-face {
    font-family: 'QuicksandBook';
    src: url('/Quicksand_Book-webfont.eot');
    src: url('/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Quicksand_Book-webfont.woff') format('woff'),
         url('/Quicksand_Book-webfont.ttf') format('truetype'),
         url('/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

Je voulais ajouter encore une autre chose qui peut éventuellement aller incorrecte dans ce scénario. IE9 a une règle qui supprime toutes les @font-face des déclarations qui ne peuvent pas être mis en cache après la première charge. IE9 va effectivement utiliser la police de caractères correctement sur le premier écran, mais sur l'actualisation ultérieure, le @font-face sera désactivé. J'ai découvert ce après la fermeture de mon navigateur par hasard, et puis de le rouvrir à trouver que ma police travaillait mystérieusement, seulement d'arrêter de travailler un rafraîchissement plus tard.

Pour résoudre ce problème, vous simple besoin de s'assurer que la demande au service de votre police a un Cache-Control en-tête de réponse de quelque chose d'autre que no-cache. Je recommande un réglage à max-age=3600. Cela permettra d'assurer que votre police est mis en cache pour une heure. IE9 sera alors en mesure d'afficher votre police en uniforme.