Почему не удается добиться совпадения текста из photoshop и текста в браузере?

Question

[GizzaProger]

Здравствуйте
Меня попросили сверстать макет pixel perfect. Делаю типографику. Прописал свйоства в css

.title {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    letter-spacing: 0;
    word-spacing: 0;
}

Но совпадения добиться не удалось. Как добиться совпадения? Почему не получатcя?

Я побывал играться со свойствами, но все равно не получается. Часть текста опадает, но потом все равно идут расхождения

Вот скрин

Comments

[Alex]

Потому, что то, как photoshop рисует примитивы может не совпадать с тем, как эти же примитивы рисует каждый браузер.
См. https://www.joshwcomeau.com/css/pixel-perfection/

[GizzaProger]

Alex, Я так понял это побороть нельзя и остается только сказать заказчику почему это не возможно. Ведь так?

[Lord_Dantes]

GizzaProger, само требование pixel pefrect с многогранным дизайном, уже значит что заказчик не разбирается в разработке. F, вам.

Answer 1

[Homkadesigner]

В макете задано меж буквенное расстояние. Судя по скрину, нужно в css задать меж буквенное расстояние и все ок будет.