/* Static fonts for old browsers without font-variation where you cannot easily choose on the fly */
@supports not (font-variation-settings: normal) {
    @font-face {
        font-family: Roboto;
        src: url('font/roboto/static/Roboto-Regular.ttf') format('truetype');
        font-style: normal;
        font-weight: normal;
        font-stretch: 100%;
        font-display: swap;
    }

    @font-face {
        font-family: Roboto;
        src: url('font/roboto/static/Roboto-Bold.ttf') format('truetype');
        font-style: normal;
        font-weight: bold;
        font-stretch: 100%;
        font-display: swap;
    }

    body {
        font-family: Roboto;
    }

}

/* Variable Fonts for modern browsers where you can choose the type on the fly */
@supports (font-variation-settings: normal) {
    @font-face {
        font-family: 'Roboto';
        src: url('font/roboto/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
        font-weight: 100 1000;
        font-stretch: 25% 151%;
    }

}