Variable font not loading properly in Safari

1.4k Views Asked by At

I'm using a variable font, and it is working correctly on Chrome (Version 97.0.4692.71) and Firefox (96.0.2) but not on Safari (15.1).

On CSS, I'm importing the font like this:

@font-face {
    font-family: 'Bild V3 Variable Web';
    font-style: normal;
    src: url('fonts/BildVariableV3-VF.woff2') format('woff2-variations'),
    url('fonts/BildVariableV3-VF.woff2') format('woff2');
    font-weight: 100 900;
}

And using it like this:

h2 {
    font-family: Bild Variable V3;
    font-variation-settings: "wght" 300;
    font-size: 72px;
    color: $white;
}

Does anyone have a clue on why this is happening?

0

There are 0 best solutions below