Rendu de police incorrect Chrome

Comment je résoudre ce problème?

Premier "D" est rendu sur Chrome 31.0.1650.63 m et la deuxième est rendu sur IE11.

Rendu de police incorrect Chrome

Rendu de police incorrect Chrome

Mise à jour:

ajoutant -webkit-font-smoothing: antialiased; le problème demeure...
Rendu de police incorrect Chrome

Il pourrait être un problème avec la carte vidéo?

Mise à jour 2:

de police css code:

 @font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(../font/font1.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(../font/font2.woff) format('woff');
}

source d'informationauteur edotassi | 2014-01-09

  1. 14

    C'est un problème avec google Chrome moteur de rendu mais il semble que cela va enfin être fixé. Voir https://plus.google.com/u/0/+FrancoisBeaufort/posts/PGPpiQr6bwi

    La question est sur le Chrome du bugtracker:
    https://code.google.com/p/chromium/issues/detail?id=333029
    https://code.google.com/p/chromium/issues/detail?id=25541

    EDIT:

    La DirectWrite de soutien qui permet assez de rendu des polices a été ajouté à Chrome 37.
    (source: https://code.google.com/p/chromium/issues/detail?id=25541#c152)

  2. 7

    C'est un problème avec Chrome lui-même. Le problème n'existe que sur Chrome pour Windows. Mac et Linux les utilisateurs de Chrome n'ont pas ce problème. Il n'y a rien que vous pouvez faire à ce sujet.

  3. 1

    Avez-vous essayé d'ajouter cette CSS pour le Chrome?

    -webkit-font-smoothing: antialiased

    Donner un coup de feu et voir si ça aide.

  4. 1

    J'ai eu le même problème et le code suivant est le meilleur travail autour de ce que j'ai trouvé. En quelque sorte, si vous vous cachez et ré-afficher le contenu du corps de la police se charge correctement
    Espérons que cela aide

    body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    font-family: folio_medium;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}
  5. 0

    J'ai trouvé que le don de svg fichiers de police plus grande priorité résout le problème.

    @font-face {
  font-family: 'HelveticaNeueLTStd-Bd';
  src: url('../assets/fonts/helvetica/2B7A70_0_0.svg#wf') format('svg'), //first means higher priority
  url('../assets/fonts/helvetica/2B7A70_0_0.eot');
}