Сафари, не отображая шрифт: 400 правильно- смелее, чем другие браузеры ⇐ CSS

[Anonymous]

Я видел это несколько раз, но при разных обстоятельствах, поэтому я надеюсь получить некоторое представление о этой конкретной проблеме ... < /p>
У нас есть собственный самостоятельный Шрифт, где вес 400 шрифтов демонстрирует значительно смелый в сафари и правильно во всех других браузерах. Safari выглядит больше как 500 или 600 без видимой причины. .sstatic.net /offmeea4.png " /> < /p>
safari < /strong>

Вот текущее объявление шрифта:
@font-face {
font-family: Fakt;
font-display: swap;
font-weight: 500;
src: url('./fonts/FaktMedium.woff2') format('woff2');
}

@font-face {
font-family: Fakt;
src: url('./fonts/Fakt-Bold.woff2');
font-display: swap;
font-weight: bold;
}

@font-face {
font-family: Fakt;
font-display: swap;
font-weight: 400;
src: url('./fonts/FaktNormal.woff2') format('woff2');
}

@font-face {
font-family: Fakt;
font-display: swap;
font-weight: 300;
src: url('./fonts/Fakt-Blond.woff2') format('woff2');
}

@font-face {
font-family: Fakt;
font-display: swap;
font-weight: 300;
font-style: italic;
src: url('./fonts/Fakt-BlondItalic.woff2') format('woff2');
}
< /code>
А вот как применяется шрифт к конкретному тексту, который я ссылаюсь: < /p>
font-family: fakt, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
font-feature-settings: normal;
font-size: 16px;
font-style: normal;
font-synthesis-small-caps: none;
font-synthesis-style: none;
font-synthesis-weight: none;
font-variant-ligatures: none;
font-weight: 400;
height: 22px;
letter-spacing: normal;
line-height: 22.4px;
text-rendering: optimizelegibility;
text-transform: none;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0px;


Подробнее здесь: https://stackoverflow.com/questions/794 ... r-browsers