11/04/2012, 20:55:47
J'ai fait le test, firefox 11 ne gère pas l'extension eot.
J'utilise le format .ttf et j'ai compressé la font avec fontsquirrel, la font fait 24ko au lieu des 51ko d'origine. Elle fait le même poids en eot.
J'ai testé sous firefox 11, IE9, Opera et Chrome et il n'y a pas de soucis d'affichage. Il peut y avoir quelques bugs de caractères sous Opera, j'ai eu le soucis avec l'apostrophe, un carré s'affichait à la place. D'après la communauté Opera c'est normal, car @font-face a été intégré récemment à Opera (depuis la version 10a).
Par contre pour IE 6 à 8, il n'y a que l'extension eot qui fonctionne. Perso j'ai abandonné ses navigateurs et en 2ème font il y a Arial.
Si tu veux utiliser aussi pour IE6 à 8 utilise ce code. IE n'est pas très intelligent et il va télécharger les 2 fichiers même si il ne peut utiliser que le fichier eot. Il faut donc rajouter la syntaxe "format('truetype')". Les autres navigateurs ne télécharge que le fichier TTF.
J'utilise le format .ttf et j'ai compressé la font avec fontsquirrel, la font fait 24ko au lieu des 51ko d'origine. Elle fait le même poids en eot.
J'ai testé sous firefox 11, IE9, Opera et Chrome et il n'y a pas de soucis d'affichage. Il peut y avoir quelques bugs de caractères sous Opera, j'ai eu le soucis avec l'apostrophe, un carré s'affichait à la place. D'après la communauté Opera c'est normal, car @font-face a été intégré récemment à Opera (depuis la version 10a).
Par contre pour IE 6 à 8, il n'y a que l'extension eot qui fonctionne. Perso j'ai abandonné ses navigateurs et en 2ème font il y a Arial.
Si tu veux utiliser aussi pour IE6 à 8 utilise ce code. IE n'est pas très intelligent et il va télécharger les 2 fichiers même si il ne peut utiliser que le fichier eot. Il faut donc rajouter la syntaxe "format('truetype')". Les autres navigateurs ne télécharge que le fichier TTF.
Code :
[== CSS ==]
@font-face {
font-family: font;
src: url('font.ttf') format('truetype'),
url('font.eot');
}