Подтвердить что ты не робот

Свойство -webkit-font-smoothing не действует в Chrome

Я пытаюсь контролировать антибликовое сжатие шрифтов Google Chrome (ужасное) с помощью свойства CSS -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>
4b9b3361

Ответ 1

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

-webkit-font-smoothing больше не работает. Команда Google Chrome намеренно изменила это поведение. Похоже, что сглаживание шрифтов не применялось "правильно" на OSX в предыдущих версиях.

Ответ 2

Ну, ты прав. Сглаживание шрифтов теперь не поддерживается. Это не в новых стандартах css. Итак, больше нет сглаживания шрифтов.! Вы можете увидеть стандарты w3c здесь. http://www.w3.org/TR/WD-font/#font-smooth

Ответ 3

Если вы используете браузер или ОС, которые не имеют рендеринга шрифтов, это не сработает, попробуйте ли вы -moz- -o-, Chrome работает на -webkit-, он должен быть вашим браузером.

Ответ 4

Кажется, что для некоторых (системных?) шрифтов существует разница между вашими тестовыми примерами:

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

http://jsfiddle.net/gN875/

Ответ 5

Попробуйте этот 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>