Я использую очень полезное свойство CSS -webkit-font-smoothing: antialiased в браузерах webkit, чтобы обеспечить хороший тонкий текст в заголовках и т.д. Есть ли эквивалентное свойство в Firefox?
Шрифт в WebKit с -webkit-font-smoothing: antialiased:
Шрифт в Firefox:
Как вы можете видеть, текст в Firefox более толстый, чем в Webkit. Без -webkit-font-smoothing: antialiased текст выглядит так же в Webkit, как в Firefox.
Firefox 25+ поддерживает новое нестандартное свойство CSS -moz-osx-font-smoothing, похожее на WebKits -webkit-font-smoothing.
Таким образом, этот код должен обеспечивать согласованные результаты в Firefox и WebKit:
.example {
-moz-osx-font-smoothing: grayscale; /* Firefox */
-webkit-font-smoothing: antialiased; /* WebKit */
}
В один момент firefox имел font-smooth, но он был удален и, насколько я знаю, вообще не включен в текущий трек. Я сделал некоторые поисковые запросы и не видел никаких указаний на то, что это будет какое-то изменение.
В качестве альтернативы вы можете попробовать обходной путь, например: http://www.elfboy.com/blog/text-shadow_anti-aliasing/.
Задача -webkit-font-smoothing: antialiased, которая отключает стандартное сглаживание шрифтов подпикселей.
Попробуйте прочитать this
У Firefox есть поведение, по которому вы по умолчанию, насколько мне известно, поэтому нет необходимости запрашивать его явно...