web-dev-qa-db-ja.com

-webkit-font-smoothingプロパティはChrome

-webkit-font-smoothingCSSプロパティを使用してGoogleChromeの（恐ろしい）フォントアンチエイリアスを制御しようとしていますが、テキストにはまったく影響しません。

<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はこのプロパティをサポートしていませんか？

cssgoogle-chromefonts
12
Gavin

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

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

15
BenM

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

0
Jayesh Amin

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

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

http://jsfiddle.net/gN875/

0
tinynow

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

/* 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

0
Rizo

このCSSを試してください：

div {
  -webkit-text-stroke: 0.6px;
}
<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>
0
Gener Cruz

これよりもフォントレンダリングが機能しないブラウザまたはOSを使用している場合、機能しません。-moz--o-、Chromeは-webkit-それはあなたのブラウザでなければなりません。

0
internetgho5t