Encore un @font-face qui merdoie....

Je deviens dingue...
en gros et malgré mes recherche ici même et ailleurs sur la toile, je n'arrive pas à saisir ou je merde !

voila mon css...

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

}

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

}

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

}

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

}
body {
	font-family: 'museo_sans100';
	background: #E3E3E3;
	margin: 0;
	padding: 0;
	color: #000;
}

c'est nickel sous Chrome et putride sous safari et firefox !

Je suis une burne d'accord ! mais OU me gourres-je ?

le pire c'est que ça fonctionne nickel en local !
et mes fontes sont bien sur le serveur....


Merci !
Modifié par romfrom (05 Dec 2013 - 15:22)

Si je comprend bien, c'est au niveau du rendu que ça "merdoie".
Il faut savoir que tous les navigateur n'utilise pas le même moteur de rendu des fonts.
D'autre part, il faut veiller à ce que ton woff soit généré à partir d'une police post-scriptée pour avoir un rendu propre (ce qui n'est pas le cas avec Font-Squirel).
Après, le choix d'une police pour le web dépend essentiellement de la qualité de son rendu sur les principaux navigateurs, et malgré tout les efforts du monde, elles ne sont pas toutes aptes à cet usage.
Pour mieux cerner la problématique, je te conseille la lecture de cet article qui m'a beaucoup appris :
http://blog.wax-o.com/2012/11/les-problemes-de-rendu-font-face-sous-chrome-et-firefox-utiliser-des-contours-postscript/

PS : pourquoi avoir différentes graisses et les définir toutes en "normal" ?
Modifié par Hikingyo (05 Dec 2013 - 15:46)

je te remercie, et l'article est effectivement une excellente ressource....
Mais le problème est bien plus simple que ça...
Safari et Firfox affiche ma superbe fontes "museo sans " en Times !
c'est monstrueux !

encore pire...
quand j'ai fait mes test sur MON serveur... ça marchait...

et sur le serveur de l'hébergeur...
ben ça marche pas !


les eux captures sont faites sous firefox...

moi pas comprendre !
Modifié par romfrom (05 Dec 2013 - 15:56)

salut,
si les navigateurs te l'affiche en Times c'est que tes fontes ne sont pas chargées. Il pourrait s'agir d'un truc de sécurité dû à je ne sais trop quoi (bon je sais ça n'aide pas...).
Tes fontes sont dans un sous-domaine ?

UP !!!

je ne comprends rien... !

J'ai désespérément besoin d'aide...