@font-face {
    font-family: 'Roboto';
    src: url('roboto-700-normal.woff2') format('woff2'), url('roboto-700-normal.woff') format('woff'), url('roboto-700-normal.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('roboto-500-normal.woff2') format('woff2'), url('roboto-500-normal.woff') format('woff'), url('roboto-500-normal.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('roboto-900-normal.woff2') format('woff2'), url('roboto-900-normal.woff') format('woff'), url('roboto-900-normal.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
/*@font-face {*/
/*    font-family: 'Roboto';*/
/*    src: url('roboto-100-italic.woff2') format('woff2'), url('roboto-100-italic.woff') format('woff'), url('roboto-100-italic.ttf') format('truetype');*/
/*    font-weight: 100;*/
/*    font-style: italic;*/
/*    font-display: swap;*/
/*}*/
@font-face {
    font-family: 'Roboto';
    src: url('roboto-300-italic.woff2') format('woff2'), url('roboto-300-italic.woff') format('woff'), url('roboto-300-italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('roboto-400-italic.woff2') format('woff2'), url('roboto-400-italic.woff') format('woff'), url('roboto-400-italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('roboto-500-italic.woff2') format('woff2'), url('roboto-500-italic.woff') format('woff'), url('roboto-500-italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('roboto-700-italic.woff2') format('woff2'), url('roboto-700-italic.woff') format('woff'), url('roboto-700-italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('roboto-900-italic.woff2') format('woff2'), url('roboto-900-italic.woff') format('woff'), url('roboto-900-italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
/*@font-face {*/
/*    font-family: 'Roboto';*/
/*    src: url('roboto-100-normal.woff2') format('woff2'), url('roboto-100-normal.woff') format('woff'), url('roboto-100-normal.ttf') format('truetype');*/
/*    font-weight: 100;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/
@font-face {
    font-family: 'Roboto';
    src: url('roboto-300-normal.woff2') format('woff2'), url('roboto-300-normal.woff') format('woff'), url('roboto-300-normal.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('roboto-400-normal.woff2') format('woff2'), url('roboto-400-normal.woff') format('woff'), url('roboto-400-normal.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}