Почему шрифт неправильно прорисовывается?

Question

[shiroleer]

На сайте используется шрифт Proxima Nova. Для конвертации шрифта использую вот этот сервис. При верстке заметил, что прорисовка шрифта у меня на сайте различается от сайтов, где установлен такой же шрифт. Шрифт получается как бы замыленным. Шрифт перекачивал 2 раза из разных источников - ничего не поменялось.
На первом скриншоте слева шрифт на моем сайте, справа на другом сайте.
Второй скриншот это явная демонстрация на примере буквы "Т" разности прорисовки шрифта. Справа как на других сайтах, слева как у меня на сайте (цвет шрифта (#000) и размер (14px) одинаковый)

Скриншот 1

Скриншот 2

Answer 1

[Максим Тимофеев]

С рендером шрифтов много нюансов, так что что-бы не пересказывать - вот полезная почитушка на тему:
https://habrahabr.ru/post/122269/

Answer 2

[stratagema]

На первом скриншоте слева шрифт на моем сайте, справа на другом сайте.

Проксиму на левом скрине (Белая, перламутр) вижу.
На правом скрине (Онлайн-регистрация) нет никакой Проксимы - обычный Ариал.

Answer 3

[Alexander Pushkarev]

Не всегда шрифт на сайте точно такойже, как в макете. У браузера и ps/sketch/др разные методы рендинга.

Comments

[shiroleer]

Не совсем точно выразился. "На макете" я подразумевал на сайте. Т.е. скриншоты я привожу с реальных сверстанных макетов.

Answer 4

[Нерон Лордов]

Я тоже когда-то столкнулся с такой фигней у проксимы, из-за чего в итоге просто отказался от нее совсем.

Однако время шло и я всё чаще встречал сайты с незамызганной проксимой. Но и неудачные примеры тоже до сих пор попадаются, из чего я сделал вывод, что у проксимы есть специальная веб-версия. Некоторые популярные шрифты проходят этот этап эволюции, гельветика, например (правда гельветика обрела суффикс neue, что немного помогает отличить тухлую старую гельветику от современной электронной). Короче рой в этом направлении - достань кошерную веб-версию (т.е. не проканает тупо конвертнуть обычный шрифт в WOFF, например)

Comments

[stratagema]

Да тут бы сравнение нормальное увидеть - той Проксимы, которая называется проблемной, с Проксимой, которая хорошая, хотя и не Проксима вообще.

P.S. По сути, замыленность - проблема с хинтингом, который для экранных ттф критичен.

[Нерон Лордов]

stratagema: на жж нормальная проксима, например

[stratagema]

Nekto_Habr: но сравнивается ведь не жж ;-)) а Ариал ;-))) И как объяснить человеку, что

явная демонстрация на примере буквы "Т" разности прорисовки шрифта

в данном конкретном случае таковой и должна быть, поскольку это разные шрифты...

[Нерон Лордов]

stratagema:
аааааа. я даже не подумал что такие разные шрифты можно спутать за один и тот же) но вообще с проксимой реально ситуация такая, как я описал))