Here is an image from the Photoshop design of the webpage:

![Photoshop render](https://i.stack.imgur.com/tIk9T.png)

And the webpage with the same size, weight etc:

![Webpage render](https://i.stack.imgur.com/8Jjif.png)

As you can see, the text renders much thicker on the web render, to the point where it looks almost like a different font entirely.

Here is the **@font-face** code accompanying the text:

```
@font-face {
        font-family: "PT Sans";
        src: url('fonts/151428223-PTS55F.eot');
        src: url('fonts/151428223-PTS55F.eot?#iefix') format('embedded-opentype'),
        url('fonts/151428223-PTS55F.svg#PT Sans') format('svg'),
        url('fonts/151428223-PTS55F.woff') format('woff'),
        url('fonts/151428223-PTS55F.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
}

```

...and, for reference, the settings for the text in Photoshop:

![enter image description here](https://i.stack.imgur.com/2orb4.png)