@font-face {
    font-family: "Roboto Condensed";
    font-weight: 300 400;
    font-display: swap;
    src: url('../fonts/roboto-condensed-variable-fr.woff2') format(woff2) tech(variations);
}

@supports not font-tech(variations) {
    @font-face {
        font-family: "Roboto Condensed";
        font-weight: 300 400;
        font-display: swap;
        src: url('../fonts/roboto-condensed-variable-fr.woff2') format('woff2 supports variations'),
            url('../fonts/roboto-condensed-variable-fr.woff2') format("woff2-variations");
    }
}

@font-face {
    font-family: "Source Sans Pro";
    font-weight: 300 700;
    font-display: swap;
    src: url('../fonts/noto-sans-variable-fr.woff2') format(woff2) tech(variations);
}

@supports not font-tech(variations) {
    @font-face {
        font-family: "Source Sans Pro";
        font-weight: 300 700;
        font-display: swap;
        src: url('../fonts/noto-sans-variable-fr.woff2') format('woff2 supports variations'),
            url('../fonts/noto-sans-variable-fr.woff2') format("woff2-variations");
    }
}