@font-face {
    font-family: 'Roboto';
    font-style: italic;
    /* Fonte variavel: um arquivo cobre toda a faixa de peso. */
    font-weight: 300 700;
    font-display: swap;
    src: url('roboto-italic.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    /* Fonte variavel: um arquivo cobre toda a faixa de peso. */
    font-weight: 300 700;
    font-display: swap;
    src: url('roboto-normal.woff2') format('woff2');
}