How to properly install local fonts on the site?

Question

css

So it goes.
If you take google fonts and paste it on the site, then you can use this font as installed in the system: set the thickness through font-weight, set the style through font-style.
But when installing a local font (in the sense, local on the server where the site is located), you have to give each typeface a separate name ( 'Exo regular', 'Exo bold', 'Exo black', 'Exo italic') and suffer with it, especially if you have to change the font.
How to embed a local font so that it can be used as if the user had it on the system?

Answer 1

No way. If, for example, a regular font is loaded from the server, and you set it to font-weight: 700, then the browser itself will try to make the font thicker. Often this leads to artifacts and generally clumsy font. For this, the necessary files with all styles.
When you include google fonts, you specify which styles you are going to use.
And system fonts are available on the computer in all styles.