Discussion :

[steel-finger]

Bonjour,

Ceci fait maintenant très longtemps que je vois ce genre de problème sur google chrome & les police de caractère je m'explique

Les police sont saccadé, chrome gère mal l'affichage des font

Voici deux screenshoot pour que vous compreniez mieux de quoi je veux parler

Capture d'écran Chrome


Capture d'écran Firefox


Quand on compare les deux screen on voie très bien que les polices sous chrome sont de moyenne qualité comparé à Firefox où autre navigateur, je suis pas le seul à qui ceci arrive, j'ai plein d'ami & collègue de travail à qui ça leur faire pareil.

Ma question est de savoir s'il n'existe pas quelque chose pour contré ceci, hack css ou autre ?

ps: je ne savais pas trop ou posté mon message

[mangasource]

Si tu utilises un font-face, mets le svg avant le woff, et dis moi si ça marche

[steel-finger]

je vais testé et te tenir au courant pour voir si ça fonctionne

[rodolphebrd]

Bonjour,

tiens d'ailleurs vous le déclarez comment votre font-face ?

[steel-finger]

Voila comment je le déclare,

Code css :

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

1
2
3
4
5
6
@font-face
{
font-family: myriadpro;
src: url('myriadpro.ttf'),
     url('myriadpro.eot'); /* IE9 */
}

ça ne change rien, mon problème est toujours la, j'ai look d'autre site qui avais le problème avec les polices sous chrome certain utilise même pas de font, il prenne celle par defaut

[rodolphebrd]

Essayez de déclarer complétement votre police.

Voici un exemple pour La police Ubuntu Italic et Ubuntu Bold

Code css :

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
@font-face {
   font-family: 'UbuntuItalic';
      src: url('Ubuntu-RI-webfont.eot');
      src: url('Ubuntu-RI-webfont.eot?#iefix') format('embedded-opentype'),
           url('Ubuntu-RI-webfont.woff') format('woff'),
           url('Ubuntu-RI-webfont.ttf') format('truetype'),
           url('Ubuntu-RI-webfont.svg#UbuntuItalic') format('svg');
   font-weight: normal;
   font-style: normal;
}
 
@font-face {
   font-family: 'UbuntuBold';
      src: url('Ubuntu-B-webfont.eot');
      src: url('Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'),
           url('Ubuntu-B-webfont.woff') format('woff'),
           url('Ubuntu-B-webfont.ttf') format('truetype'),
           url('Ubuntu-B-webfont.svg#UbuntuBold') format('svg');
   font-weight: normal;
   font-style: normal;
}