Schlechte Schriftwiedergabe in Chrome

Question

Wie kann ich das beheben?

Das erste „D“ wird auf Chrome 31.0.1650.63 m gerendert und das zweite auf IE11.

Aktualisieren:

hinzufügen -webkit-font-smoothing: antialiased; das Problem bleibt bestehen...

Könnte es ein Problem mit der Grafikkarte sein?

Update 2:

CSS-Schriftcode:

 @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');
}

Answer 1

Dies ist ein Problem mit der Chrome-Rendering-Engine, aber es sieht so aus, als ob es endlich behoben wird.Sehen https://plus.google.com/u/0/+FrancoisBeaufort/posts/PGPpiQr6bwi

Das Problem liegt im Bugtracker von Chromium:https://code.google.com/p/chromium/issues/detail?id=333029 https://code.google.com/p/chromium/issues/detail?id=25541

BEARBEITEN:
Die DirectWrite-Unterstützung, die eine hübsche Schriftartenwiedergabe ermöglicht, wurde Chrome 37 hinzugefügt.(Quelle: https://code.google.com/p/chromium/issues/detail?id=25541#c152)

Answer 2

Dies ist ein Problem mit Chrome selbst.Das Problem besteht nur bei Chrome für Windows.Mac- und Linux-Benutzer von Chrome haben dieses Problem nicht.Dagegen kann man eigentlich nichts machen.

Answer 3

Haben Sie versucht, dieses CSS zum Chrome-CSS hinzuzufügen?

-webkit-font-smoothing: antialiased

Probieren Sie es aus und sehen Sie, ob es hilft.

Answer 4

Ich hatte das gleiche Problem und der folgende Code ist die beste Lösung, die ich gefunden habe.Irgendwie, wenn Sie den Inhalt des Körpers verbergen und neu verhandeln, hofft die Schriftart richtig, dass dies hilft

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

Answer 5

Ich habe festgestellt, dass das Problem dadurch gelöst wird, dass SVG-Schriftdateien eine höhere Priorität zugewiesen wird.

@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');
}