12

CSS プロパティを使用して Google Chrome の (恐ろしい) フォントのアンチエイリアスを制御しようとして-webkit-font-smoothingいますが、テキストにはまったく影響がありません。

<div style="font-size: 42px">
  <p style="-webkit-font-smoothing: subpixel-antialiased">This is a font test.</p>
  <p style="-webkit-font-smoothing: antialiased">This is a font test.</p>
  <p style="-webkit-font-smoothing: none">This is a font test.</p>
</div>

Photoshop でピクセルを比較しましたが、3 つすべてがまったく同じです。Chrome はこのプロパティをサポートしなくなりましたか?

4

6 に答える 6

16

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

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

于 2013-09-13T12:59:59.843 に答える
0

フォント レンダリングがないブラウザまたは OS を使用している場合、これは機能しませ-moz- -o-ん-webkit-。

于 2013-09-13T13:16:37.763 に答える
0

一部の（システム？）フォントでは、テストケースに違いがあるようです：

body {
   font-family: "HelveticaNeue-Light";
   font-weight: 300;
}

http://jsfiddle.net/gN875/

于 2014-02-12T23:47:23.030 に答える
0

あなたは正しいです。現在、フォント スムージングは​​サポートされていません。新しい CSS 標準にはありません。だから、もうフォントスムージングは​​必要ありません。ここで w3c 標準を見たいと思うかもしれません。 http://www.w3.org/TR/WD-font/#font-smooth

于 2013-09-13T13:10:09.577 に答える
0

構文を試すことができます：

/* Keyword values */
font-smooth: auto;
font-smooth: never;
font-smooth: always;

/* <length> value */
font-smooth: 2em;

CSS3 フォントの初期 (2002 年) のドラフトには存在していましたが、font-smooth は削除されており、この仕様は標準化過程にはありません。 https://developer.mozilla.org/en-US/docs/Web/CSS/font-smooth

于 2018-02-27T20:00:50.843 に答える