Discussion :

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Et l'utilise ensuite dans le bloc suivant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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]

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+

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Et l'utilise ensuite dans le bloc suivant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Douzout]

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.