/* Roboto Variable */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;   /* variable range */
    font-stretch: 75% 125%; /* if width axis is included */
    font-style: normal;
}

/* Roboto Italic Variable */
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
}

/* Signika Variable */
@font-face {
    font-family: 'Signika';
    src: url('../fonts/Signika-VariableFont_GRAD,wght.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
}