web-dev-qa-db-ja.com

悪いフォントレンダリングChrome

どうすれば修正できますか？

最初の "D"はChrome 31.0.1650.63 mにレンダリングされ、2番目はIE11にレンダリングされます。

Chrome rendering

IE 11 rendering

更新：

追加-webkit-font-smoothing: antialiased;問題はまだ残っています... enter image description here

ビデオカードに問題があるのでは？

更新2：

cssフォントコード：

 @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');
}
cssgoogle-chromewebfontsfont-awesome
15
edotassi

これはChromeレンダリングエンジンの問題ですが、最終的には修正される予定です。詳細は https://plus.google.com/u/0/+FrancoisBeaufortをご覧ください。/posts/PGPpiQr6bwi

問題はChromiumのバグトラッカーにあります： https://code.google.com/p/chromium/issues/detail?id=333029https://code.google.com/p/chromium/issues/detail？id = 25541

編集：
かなりのフォントのレンダリングを可能にするDirectWriteサポートがChrome 37。に追加されました（ソース： https://code.google.com/p/chromium/issues/detail?id=25541#c152 ）

14
Michał Dudak

これはChrome自体の問題です。この問題はChromeでのみ発生します。MacおよびLinuxユーザーChromeこの問題はありません。実際にできることは何もありません。

7
Pika3323

私は同じ問題を抱えていて、次のコードが私が見つけた最善の回避策です。どういうわけか、本文のコンテンツを非表示にして再表示すると、フォントが適切に読み込まれます

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; }
}
1
Jonathan Thurft

このCSSをChrome oneに追加してみましたか？

-webkit-font-smoothing: antialiased

それを試して、それが役立つかどうかを確認してください。

1
Fernker

Svgフォントファイルに高い優先順位を与えると、問題が解決することがわかりました。

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