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;
}

[steel-finger]

Justement j'ai exactement le même code que vous pour les autres sites,
et ça me fait pareil, même avec cette page que je dev ou la font est importé par google font pour justement essayer de corrigé ce problème mais rien à faire

http://thesoweb.net/test/TA/YAC-ComingPage/

[steel-finger]

Je vais mettre mon sujet en résolu car j'ai pas trouvé plus d'info, je vais continué les recherche et si je trouve une réponse je vous en fait part

[rodolphebrd]

J'avais bookmarké un lien dont voici un extrait (si ça peut vous aider):

Le cas de Chrome sous Windows

Voici une méthode qui devrait largement améliorer le rendu d’une police récupérée sur Google Webfonts dans Chrome pour Windows :

1. Au lieu d’appeler directement le code CSS ou JavaScript fourni par Google Webfonts sur votre site, récupérez le fichier TTF de la police.
   
2. Utilisez le @font-face generator de FontSquirrel pour générer un kit @font-face avec votre fichier TTF. Ce n’est pas la peine de modifier les réglages par défaut, sauf si vous savez ce que vous faites.
   
3. Récupérez votre kit @font-face, et téléchargez la version française de Web Font Specimen.
4. En local, sur votre poste, modifiez WFS à l’aide de votre kit @font-face.

Quoi qu’il en soit, vous ne trouverez jamais une fonte qui s’affiche parfaitement partout.