Why is there such a difference in the font on the layout and in the layout?

Question

css

I’m typing according to the layout, everything went well, but then I connected the fonts that came with the site design and just went nuts from the difference:
PS:

And the browser: I

connected it like this:

@font-face{
    font-family: oxygen;
    font-weight: normal;
    src: url(fonts/oxygen/oxygenmono-regular.otf);
}

.page{
    width: 970px;
    margin: auto;
    background-color: #fff;
    height: 500px;
    margin-top: 50px;
    border: 1px solid #ededed;
    padding: 50px;
    box-sizing: border-box;
    font-family: oxygen;
}

It's the same in all other browsers. The names of the fonts (both in Photoshop and in the file) are the same. There are no errors in the console. The font is activated but the difference is phenomenal! What is it for?

Answer 1

most likely the designer's font is just different, and you rocked some leftist

Answer 2

The font name seems to be correct. Here it is:
https://www.fontsquirrel.com/fonts/oxygen
And you just didn't connect at all and the browser doesn't see it.
The font in the browser is similar to Lucida, it was the default on older poppies.
Author, admit it, do you have a Mac?
You just need to properly connect the fonts.