6

以前は両方の Webkit ブラウザー (Chrome と Safari) で同じ出力が得られていましたが、突然 (そして、Chrome でのレンダリングを何に変更できたのかわかりません。

これは私のHTMLです

<li class="cat-item term term-workshops"><a href="/workshops">Workshops</a></li>

これは私のcssです

.term a {
    display:inline-block;
    height:1em;
    -webkit-font-smoothing:antialiased;
    -moz-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
    font-smooth:always;
}

.term-workshops a {
    text-transform:lowercase;
    font-family:"Custom-Family", sans-serif;
    font-size:1.4em;
    margin-top:.1em;
}

Safari での出力は適切に表示されます (以前は Chrome で同じように表示されていました)。

サファリ

Chrome の出力が突然お粗末に見える

サファリ

それが両方の Webkit ブラウザーで違いを生む理由について何か考えはありますか? オプションがないため、Firefoxでは見栄えが悪いことはわかっていfont-smoothingますが、可能であればChromeとSafariでも同じように見えるはずです。

出力が突然異なって見えるように、CSS で何を変更できたでしょうか? どちらのブラウザでも同じように見えました。

4

1 に答える 1

7

https://productforums.google.com/forum/?fromgroups=#!topic/chrome/0vqp1bnkaoE

-webkit-font-smoothingは機能しなくなりました。Google Chromeチームは、この動作を意図的に変更しました。以前のバージョンのOSXでは、フォントスムージングが「適切に」適用されていなかったようです。

于 2012-09-28T20:22:38.837 に答える