Police lissée sous Chrome et pas Firefox ?

[Douzout]

Bonjour,

J'ai ajouté une font personnalisée sur mon site http://teletong.fr.
Je l'importe avec succès dans mon css

Code :

1
2
3
4
@font-face {
	font-family: 'Gilgon';
	src: url('fonts/GILGON__.ttf');
}

Et l'utilise ensuite dans le bloc suivant

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
div.bandeau {
	width: 90%;
	/* display:block; */
	/* float: left; */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 2px 2px 3px #2B5087;
	-moz-box-shadow: 2px 2px 3px #2B5087;
	box-shadow: 2px 2px 3px #2B5087;
	text-shadow: 2px 2px 1px #2B5087;
	font-family: "Gilgon", "Handel", "Arial", "Lucida Grande";
	//font-smooth:always;
	font-size: 3em;
	color: #FFFFFF;
	text-align: center;
	padding: 0px;
	border: 2px solid #2B5087;
	background: #94BED4;
	margin:5px 10px 20px 10px;
}

Cela fonctionne et affiche le rendu attendu dans Chrome, où le titre apparaît de façon lissé, mais pas avec Firefox (je n'ai que FF 4 sous la main...), où ça apparaît plus "brut".
Est-ce que quelqu'un aurait une idée sur la cause de ce problème ? J'ai bien tenté la piste font-smooth, et tenté de donner la taille en 'em' au lieu de 'px', mais ça ne change rien...

Merci

[Marc22]

Bonsoir !

J'ai firefox dernière version, et hormis une définition légèrement plus médiocre, j'ai bien les deux polices qui s'affichent de la même façon. Tu peux faire une capture d'écran de ce que tu vois?

[Douzout]

Envoyé par Marc22

Tu peux faire une capture d'écran de ce que tu vois?

Bonjour,

Et merci pour la réponse !

Voici la comparaison des deux affichages (en pj). La différence ("définition plus médiocre" ?) me semble assez notable, mais je n'ai aucune idée du pourquoi elle existe, ni comment la corriger...(si ça se corrige...)

Encore merci en tout cas.

[Douzout]

Bonjour,

Je crois avoir remarqué que le problème ne se pose que sur le Firefox 4 installé sur Windows XP, et pas sur le Firefox 4 installé sur Windows 7.

Je ne sais pas si quelqu'un pourra confirmer, ou éventuellement tester la combinaison Windows XP Firefox 3.x

Bonne journée

[Meloooo]

Salut,
Firefox 4 sous Windows 7 affiche également le problème
http://romy.tetue.net/difference-de-...des-caracteres

[electroremy]

Bonjour,

J'ai eu le même soucis : le lissage des polices doit être activé dans windows :

clic droit sur le bureau
-> proprietés
-> apparence
-> effets
-> cocher "utiliser la méthode suivante pour lisser les bords des polices d'écran"
-> sélectionner ClearType dans la liste

A+

Envoyé par Douzout

Bonjour,

J'ai ajouté une font personnalisée sur mon site http://teletong.fr.
Je l'importe avec succès dans mon css

Code :

Et l'utilise ensuite dans le bloc suivant

Code :

Cela fonctionne et affiche le rendu attendu dans Chrome, où le titre apparaît de façon lissé, mais pas avec Firefox (je n'ai que FF 4 sous la main...), où ça apparaît plus "brut".
Est-ce que quelqu'un aurait une idée sur la cause de ce problème ? J'ai bien tenté la piste font-smooth, et tenté de donner la taille en 'em' au lieu de 'px', mais ça ne change rien...

Merci

[Douzout]

Envoyé par electroremy

Bonjour,

J'ai eu le même soucis : le lissage des polices doit être activé dans windows :

clic droit sur le bureau
-> proprietés -> apparence -> effets -> cocher "utiliser la méthode suivante pour lisser les bords des polices d'écran" -> sélectionner ClearType dans la liste

A+

Bonjour,

Merci pour ta réponse.
Le souci était sous Windows XP aussi ?
Pour ma part, c'est bel et bien activé depuis le début de mes tests, mais l'affichage est tout de même crénelé dans Firefox 4...

[floutchito]

C'est un peu tard, mais la solution est d'activer le lissage dans firefox.

Pour cela dans la barre d'adresse du navigateur, taper "about:config"

Puis rechercher la valeur "gfx.font_rendering.directwrite.enabled" et la mettre à true.