[Problème] Police de menu incompatible IE8- et latence autres browsers

[rmdal]

Bonjour,

J'ai mis en place sur le site que je construit (asso-msm.fr) le template huyster.
Il utilise la police bebas 400 pour le menu en barre supérieure et les 2 boutons login et search.
J'ai 3 scripts en lien avec la police : bebas_400.font.js, cufon_replace.js, cufon-yui.js .

Mon problème est le suivant :
- La police n'est pas remplacée sous IE8 et inférieur. Une police "standard" s'affiche à la place (et pose des pbs de layout du coup..)
- La police est remplacée avec une certaine latence sous chrome (la police de base s'affiche d'abord quelques dixièmes de seconde puis est remplacée par la police finale, et ce à chaque changement de page)
Sous Firefox en revanche, aucun souci, la police finale s'affiche tout de suite sans passage par une police temporaire.

Est-ce que quelqu'un a déjà rencontré ce problème ou sait comment le résoudre ?

Un grand merci par avance, je sèche..

[rmdal]

Re : Police de menu incompatible IE8- et latence autres browsers

update : IE 8 est OK, c'est avec IE 7 ou inférieur que cela bloque.
Quelqu'un d'autre utilise-t-il cufon ?
A la limite, qu'IE 7 et moins ne soient pas supportés... pas grave.
Mais j'aimerais vraiment pouvoir supprimer cet affichage de police temporaire avant le remplacement par cufon...

help..

[XdiZ]

Re : Police de menu incompatible IE8- et latence autres browsers

Salut,

Le style de la balise cufon est dans le même fichier CSS général ?

Je t'invite à lire ce bon article d'alsacreations : http://www.alsacreations.com/astuce/...-site-web.html

[rmdal]

Re : Police de menu incompatible IE8- et latence autres browsers

Bonjour XdiZ et merci pour ta réponse.

Le style relatif à cufon n'est pas dans un des 3 fichiers CSS de mon template, il est dans ce que firefox appelle une feuille de styles interne (j'ignore ce que c'est et où elle se trouve réellement).

Voici ce que j'ai trouvé dans cette fameuse feuille de styles interne :

cufon{
	text-indent:0!important;
}

@media screen,projection{
	cufon{
		display:inline!important;
		display:inline-block!important;
		position:relative!important;
		vertical-align:middle!important;
		font-size:1px!important;
		line-height:1px!important;
	}

	cufon cufontext{
		display:-moz-inline-box!important;
		display:inline-block!important;
		width:0!important;
		height:0!important;
		overflow:hidden!important;
		text-indent:-10000in!important;
	}

	cufon canvas{
		position:relative!important;
	}

}

@media print{
	cufon{
		padding:0!important;
	}

	cufon canvas{
		display:none!important;
	}

}

J'ai lu au fur et à mesure de mes recherches que le fait d'avoir d'autres scripts que ceux de cufon dans le header pouvait causer la latence en question. Mais je ne peux pas les enlever, il s'agit de jquery et un slideshow..

Je remet le site en ligne pour que le code soit consultable : www.asso-msm.fr

Merci d'avance pour l'aide que tu pourras m'apporter..

[XdiZ]

Re : Police de menu incompatible IE8- et latence autres browsers

J'ai pas ce "clignotement" avec Chrome (v28).

- La police n'est pas remplacée sous IE8 et inférieur. Une police "standard" s'affiche à la place (et pose des pbs de layout du coup..)

Sans JS il sera impossible pour les IE < 7, d'afficher une police exotique avec cufon.

Voir cet article anglais : http://www.safiweb.co.ke/how-to-get-...work-in-ie-6-7

[rmdal]

Re : Police de menu incompatible IE8- et latence autres browsers

J'ai pas ce "clignotement" avec Chrome (v28).


Sans JS il sera impossible pour les IE < 7, d'afficher une police exotique avec cufon.

Voir cet article anglais : http://www.safiweb.co.ke/how-to-get-...work-in-ie-6-7

Je te remercie pour ces éléments de réponse.
Je vais essayer la méthode décrite sur le lien (safiweb).
Si ça ne marche pas, j'abandonnerai l'idée de rendre le site compatible IE7- (après tout cela ne concerne qu'environ 4% des PC en France, et ce chiffre va fortement diminuer dans les mois à venir..)

Pour le clignotement cela vient peut-être de mon PC.. Je testerai sur d'autres PC.

[XdiZ]

Re : Police de menu incompatible IE8- et latence autres browsers

Il vaut mieux faire comme Youtube il y a quelques années.
Mettre un bandeau jaune fluo tout en haut de la page, visible uniquement par les vieux navigateurs (IE 6, IE 7, FF2 etc...) pour dire :

"Vous utilisez un vieux navigateurs, c'est mal, vous êtes un con !
télécharger immédiatement un nouveau navigateur en cliquant sur les icônes suivantes"

C'est possible avec ces extensions de la JED