it-swarm.com.de

Die Eigenschaft -webkit-font-smoothing hat in Chrome keine Auswirkungen

Ich versuche, das (schreckliche) Anti-Aliasing von Google Chrome mit der -webkit-font-smoothing-CSS-Eigenschaft zu steuern, aber es hat keinerlei Auswirkungen auf den Text.

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

Ich habe die Pixel in Photoshop verglichen und alle drei sind identisch. Unterstützt Chrome diese Eigenschaft nicht mehr?

11
Gavin

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

-webkit-Schriftglättung funktioniert nicht mehr. Das Google Chrome-Team hat dieses Verhalten absichtlich geändert. Die Glättung von Schriftarten wurde unter OSX in früheren Versionen nicht "richtig" angewendet.

15
BenM

Nun, Sie haben Recht. Das Glätten von Schriftarten wird jetzt nicht unterstützt. Es ist nicht in neuen CSS-Standards. Also, keine Font-Glättung mehr.! Sie möchten vielleicht die w3c-Standards hier. Http://www.w3.org/TR/WD-font/#font-smooth)

0
Jayesh Amin

Anscheinend gibt es bei einigen (System?) Schriftarten einen Unterschied zwischen Ihren Testfällen:

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

http://jsfiddle.net/gN875/

0
tinynow

Du kannst Syntax versuchen:

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

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

Obwohl es bereits in frühen (2002) Entwürfen von CSS3-Schriften vorhanden war, wurde font-smooth entfernt und diese Spezifikation gehört nicht zu den Standards. Https://developer.mozilla.org/en-US/docs/Web/CSS/font-smooth

0
Rizo

Probieren Sie dieses CSS aus:

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

Wenn Sie einen Browser oder ein Betriebssystem verwenden, für das kein Zeichensatz-Rendering ausgeführt wird, als dies nicht möglich ist, haben Sie -moz--o- ausprobiert. Chrome funktioniert mit -webkit-.

0
internetgho5t