Почему шрифт при верстке css html получился размытым и отличается от psd?

Question

[webbra]

Верстанул шрифт Intro согласно дизайну psd, подключил через @font-face otf, но шрифт почему то размытый во всех браузерах, помогите почему так и как исправить?
В приложении скрин. Слева как должно, справа как получилось:

Answer 1

[whoisthere]

Потому, как браузеры по-своему рендерят шрифты.
Попробуйте следующее:
-webkit-font-smoothing: antialiased;
или
-webkit-font-smoothing: subpixel-antialiased;

Работать будет только в вебкитах.

Answer 2

[Петр]

Стоит при создания макета в psd делать метод сглаживания приближенный. Тем более уже довольна давно есть метод сглаживания "ЖКД Windows"

Answer 3

[webbra]

Именно body прописал и отдельно стилю, без изменений, был опыт использования этого же шрифта, все нормально отображается( Может еще что то основное забыл про шрифты? Что может еще мешать четкому отображению? Достаточно ли otf ?

Comments

[Ankhena]

otf - нет, не достаточно. Используйте https://web-font-generator.com/

[webbra]

спасибо огромное вам и всем) попробую!