@font-face { 
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-VariableFont.woff2') format('woff2-variations'), 
    url('../fonts/roboto/Roboto-VariableFont.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face { 
    font-family: 'Roboto';
    src: url('../fonts/roboto/Roboto-Italic-VariableFont.woff2') format('woff2-variations'), 
    url('../fonts/roboto/Roboto-Italic-VariableFont.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}

@font-face { 
    font-family: 'Roboto Slab';
    src: url('../fonts/roboto-slab/RobotoSlab-VariableFont.woff2') format('woff2-variations'), 
    url('../fonts/roboto-slab/RobotoSlab-VariableFont.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
} 

@font-face { 
    font-family: 'Roboto Slab';
    src: url('../fonts/roboto-slab/RobotoSlab-VariableFont.woff2') format('woff2-variations'), 
    url('../fonts/roboto-slab/RobotoSlab-VariableFont.ttf') format('truetype');
    font-weight: 100 900;
    font-style: italic;
    font-display: swap;
}