以前は両方の 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 で何を変更できたでしょうか? どちらのブラウザでも同じように見えました。