@font-face {
    font-family: RobotoFallback;
    src: url('../fonts/roboto/roboto.woff2') format('woff2'), url('../fonts/roboto/roboto-regular.ttf') format('truetype'), url('../fonts/roboto/roboto-bold.ttf') format('truetype'), url('../fonts/roboto/roboto-light.ttf') format('truetype'), url('../fonts/roboto/roboto-medium.ttf') format('truetype');
}

@font-face {
    font-family: RobotoFallback;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/roboto/roboto-light.ttf') format('truetype');
}

@font-face {
    font-family: RobotoFallback;
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto/roboto-regular.ttf') format('truetype');
}

@font-face {
    font-family: RobotoFallback;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/roboto/roboto-medium.ttf') format('truetype');
}

@font-face {
    font-family: RobotoFallback;
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto/roboto.woff2') format('woff2');
}

@font-face {
    font-family: RobotoFallback;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/roboto/roboto.woff2') format('woff2');
}

@font-face {
    font-family: RobotoFallback;
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto/roboto.woff2') format('woff2'),url('../fonts/roboto/roboto-regular.ttf');
}

@font-face {
    font-family: RobotoFallback;
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/roboto/roboto.woff') format('woff');
}