#ИМЯ?

Я использую очень полезное свойство CSS -webkit-font-smoothing: antialiased в браузерах webkit, чтобы обеспечить хороший тонкий текст в заголовках и т.д. Есть ли эквивалентное свойство в Firefox?

Шрифт в WebKit с -webkit-font-smoothing: antialiased:

enter image description here

Шрифт в Firefox:

enter image description here

Как вы можете видеть, текст в Firefox более толстый, чем в Webkit. Без -webkit-font-smoothing: antialiased текст выглядит так же в Webkit, как в Firefox.

Ответы

Ответ 1

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  */
}

Ответ 2

В один момент firefox имел font-smooth, но он был удален и, насколько я знаю, вообще не включен в текущий трек. Я сделал некоторые поисковые запросы и не видел никаких указаний на то, что это будет какое-то изменение.

В качестве альтернативы вы можете попробовать обходной путь, например: http://www.elfboy.com/blog/text-shadow_anti-aliasing/.

Ответ 3

Задача -webkit-font-smoothing: antialiased, которая отключает стандартное сглаживание шрифтов подпикселей. Попробуйте прочитать this

Ответ 4

У Firefox есть поведение, по которому вы по умолчанию, насколько мне известно, поэтому нет необходимости запрашивать его явно...