Неверное значение свойства при использовании сглаживания и оттенков серого в Mozilla

Question

Сглаживание шрифтов не работает в Mozilla (версия 60.0.1 (64-разрядная версия)).Я добавил код в своем CSS

body,html{
margin: 0;
padding: 0;
height: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

Я получаю Invalid property value в Мозиле.

Отображается в Chrome

Есть идеи, почему это не работает?Не могли бы вы помочь мне в этом?Заранее спасибо

Answer 1

Наиболее вероятным случаем является то, что вы используете операционную систему не Mac OS X / macOS для запуска Firefox.

Запись веб-документов MDN в font-smooth указывает, что:

Firefox реализует похожее свойство, но с другими значениями: -moz-osx-font-smoothing.Он работает только в Mac OS X / macOS.

Насколько я могу судить, субпиксельная визуализация по умолчанию включена в большинстве веб-браузеров вместо сглаженных шрифтов. Эта статья об удобстве использования объясняет, почему эта функция по-прежнему включена в браузерах Mac OS X / macOS:

Рендеринг субпикселей обеспечивает оптимальную четкость шрифта для типичного темного текста на светлом фоне,Однако в Mac OS X, когда это происходит в обратном порядке и вы устанавливаете светлый текст на темном фоне, вы получаете довольно уродливый эффект, когда текст становится слишком жирным, выплескиваясь из его линий.Переключение с субпиксельного рендеринга на сглаживание для светлого текста на темном фоне делает его более светлым, противодействуя эффекту жирного шрифта.

Редактировать: также обратите внимание, что свойство -moz-osx-font-smoothing: grayscale; применяется только к Mac OS X / macOSFirefox 25+.Отчет об ошибке можно найти в сообщении Bugzilla's Bug 857142 .