Why can't I get text from photoshop to match text in the browser?

Question

HTML

Hello
I was asked to make a pixel perfect layout. I do typography. Added properties to css

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

But a match was not achieved. How to match? Why won't they get it?

I tried to play with the properties, but it still doesn't work. Part of the text falls off, but then there are still discrepancies.

Here is a screen

Answer 1

Letter spacing is set in the layout. Judging by the screen, you need to set the distance between letters in css and everything will be ok.