Why is the font blurry?

Question

css

Made a website . The problem is that in the "contacts" there was some kind of incident with the fonts. For some reason they are blurry. As you can see in main.css, at the very bottom of the font description, I used .woff .ttf .otf. It's the first time I meet this. With what it can be connected ?

Answer 1

The labels do look a little blurry.

.contact-section label {
    font-family: ProximaNovaLight;
}

label {
    font-weight: bold;
}

I think due to the fact that the set typeface does not have a bold style, the browser is trying to imitate it. It turns out that this is far from ideal and there is "soap" at the output.
Change it to 'ProximaNovaBold' which you already have, or look for another style like semibold.

Answer 2

Try changing your browser, because I don't have a single problem with the font on the site

Answer 3

Mac OS X everything, like, ok?
take.ms/iFlUo

Answer 4

Why did you write font-face at the end? Like writing a script tag at the end of body )))) There can be many reasons font-smoothing google