Почему в Firefox шрифт выглядит жирнее, чем в макете и в других браузерах?

Question

[saveTibet]

В Сафари:


В ФФ:

Comments

[Lynn «Кофеман»]

И где же код?

Answer 1

[Anton Filippov]

добавьте -moz-osx-font-smoothing: grayscale;
для body или html

Comments

[saveTibet]

Спасибо! Похоже, работает. А как насчет того, что на MDN написано, что font-smothing не является стандартным решением и его использование может вызвать проблемы у части пользователей?

[Anton Filippov]

saveTibet, ну тут же с префиксом, так что не парьтесь) это нормальная практика, обычно добавляют 3 свойства - для вебкитов, мозиллы и ие, вот так:

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;

[saveTibet]

flppv, понятно. Спасибо!

Answer 2

[Антон Шаманов]

используйте normalize.css для того чтобы во всех браузерах был одинаковый вид

Comments

[saveTibet]

Что конкретно делает normalize.css в контексте моего вопроса?

[sunblossom]

saveTibet, выравнивает браузеры, устраняя их особенности.

[Anton Filippov]

sunblossom, нормалайз не выравнивает никакие браузеры и не устраняет их особенности, и на рендер шрифтов не влияет никаким образом.