Why fonts are not displayed correctly on safari?

Question

css

Hello!
Why fonts are not displayed correctly on safari?

thanks in advance.

Answer 1

Cosmonaut. , identical fonts are connected with the same name, different weights and styles are written in font-weight and font-style.
Modern browsers require the woff2 and woff formats.

@font-face {
    font-family: "OpenSans";
    src: url("fonts/opensans.woff2") format("woff2")
            url("fonts/opensans.woff") format("woff") ;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "OpenSans";
    src: url("fonts/opensansbold.woff2") format("woff2"),
            url("fonts/opensansbold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}