@font-face {
    font-family: 'Roboto';
    font-weight: 400;
    font-style: normal;
    src: local('Roboto Regular'), local('Roboto-Regular'),
        url('RobotoRegular.woff2') format('woff2'), /* Modern Browsers */
        url('RobotoRegular.woff') format('woff'), /* Modern Browsers */
        url('RobotoRegular.otf') format('opentype'); /* Open Type Font */
    font-display: swap;
}

@font-face {
    font-family: 'Roboto';
    font-weight: 700;
    font-style: normal;
    src: local('Roboto Bold'), local('Roboto-Bold'),
        url('RobotoBold.woff2') format('woff2'), /* Modern Browsers */
        url('RobotoBold.woff') format('woff'), /* Modern Browsers */
        url('RobotoBold.otf') format('opentype'); /* Open Type Font */
    font-display: swap;
}