Google Chrome rendu de font

Version imprimable

02/10/2013, 12h58
steel-finger

2 pièce(s) jointe(s)

Google Chrome rendu de font

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
Pièce jointe 127960

Capture d'écran Firefox
Pièce jointe 127961

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
02/10/2013, 16h44
mangasource

Si tu utilises un font-face, mets le svg avant le woff, et dis moi si ça marche
02/10/2013, 22h45
steel-finger

je vais testé et te tenir au courant pour voir si ça fonctionne
02/10/2013, 23h00
rodolphebrd

Bonjour,

tiens d'ailleurs vous le déclarez comment votre font-face ?
04/10/2013, 14h02
steel-finger
Voila comment je le déclare,
Code:

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

Essayez de déclarer complétement votre police.

Voici un exemple pour La police Ubuntu Italic et Ubuntu Bold

Code:

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

04/10/2013, 14h29
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/
04/10/2013, 14h44
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
04/10/2013, 15h08
rodolphebrd
J'avais bookmarké un lien dont voici un extrait (si ça peut vous aider):
Citation:
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 :

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.
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.
Récupérez votre kit @font-face, et téléchargez la version française de Web Font Specimen.
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.