[RESOLU] @font-face IE9 ou Firefox

Bonsoir,

J'expérimente avec @Font-Face et je m'arrache les cheveux ... avec ma feuille CSS

Sous Firefox4 cela fonctionne avec ce code mais pas sous IE9:

@font-face {
    font-family: testfont;
	src: url(/fonts/test.TTF);
}

Sous IE9 cela fonctionne avec ce code mais pas sous Firefox4:

@font-face {
    font-family: testfont;
	src: url(/fonts/testfont.eot) format("opentype");
}

Vous voyez qqch que je devrais ajouter ou enlever ?

Merci d'avance, j'ai beau Googler ... je ne trouve rien
Modifié par subran (07 Jul 2011 - 01:11)

Bonjour,

IE 9, Firefox 3.6+, Opera 11+ et Chrome je sais plus combien lisent tous le format WOFF. Donc si tu veux utiliser un seul format de fonte, préfère celui-ci.

Si tu veux également être compatible avec Safari 5 (en attendant la prochaine version qui aura sans doute le support de WOFF) et Firefox 3.5, tu peux doubler par un fichier TTF ou OTF.

Si tu veux être compatbile IE 7-8, il faut passer par le format EOT.

Il y a quantité de ressources en ligne sur le sujet, ça m'étonne que tu n'aies rien trouvé...

Merci pour l'info... on trouve tellement de choses là-dessus qu'on est noyé :s

Mais finalement, j'ai réussi grace à ce site qui depuis une police créer toutes les versions nécessaires à la plupart des navigateurs : http://www.fontsquirrel.com/fontface/generator

Merci !