Недопустимое значение свойства при использовании сглаживания и оттенков серого в Mozilla
Сглаживание шрифтов не работает в 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
Есть идеи, почему это не работает? Вы поможете мне в этом? заранее спасибо
@ChaseIngebritson, я проверял на Windows 10, также проверял в книге Mac. Сегодня я только что обновил свой браузер
Я добавил сообщение с моим предположением о причине вашей проблемы. Возможно, вы используете более старую версию Firefox на вашем Macbook (до 25).
Ответы 1
Наиболее вероятный случай - вы используете операционную систему, отличную от Mac OS X / macOS, для запуска Firefox.
Запись в веб-документации MDN на font-smooth указывает, что:
Firefox implements a similar property, but with different values: -moz-osx-font-smoothing. It only works on Mac OS X/macOS.
Насколько я могу судить, субпиксельный рендеринг включен по умолчанию в большинстве веб-браузеров вместо сглаженных шрифтов. Эта статья об удобстве использования объясняет, почему эта функция все еще активна в браузерах Mac OS X / macOS:
Subpixel rendering gives us optimal font clarity for your typical dark text on light background. However, on Mac OS X, when this is reversed and you set light text on a dark background, you get a fairly ugly effect where the text becomes overly bold, spilling out of its lines. Switching away from subpixel rendering to antialiasing for light text on dark backgrounds makes it look lighter, countering the bolding effect.
Обновлено: также обратите внимание, что свойство -moz-osx-font-smoothing: grayscale; применяется только к Mac OS X / macOS Firefox 25+. Отчет об ошибке можно найти на Ошибка Багзиллы 857142.
Я использую Windows 10, я загрузил последнюю версию firefox из Google и обновил свой Firefox с версии 60.0.1 (64-разрядная) до версии 61.0b (32-разрядная). но та же проблема, которую я получаю. Я знаю ссылку на веб-документы MDN. Хотя он присутствовал в ранних (2002 г.) черновиках шрифтов CSS3, font-smooth был удален, и эта спецификация не входит в стандартную дорожку.
Какую ОС вы используете?