@font-face {
    font-family: "Roboto";
    font-display: block;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),
         local('Roboto-Regular'),
         url("RobotoRegular/RobotoRegular.woff2") format("woff2"),
         url("RobotoRegular/RobotoRegular.woff") format("woff"),
         url("RobotoRegular/RobotoRegular.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    font-display: block;
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'),
         local('Roboto-Italic'),
         url("RobotoItalic/RobotoItalic.woff2") format("woff2"),
         url("RobotoItalic/RobotoItalic.woff") format("woff"),
         url("RobotoItalic/RobotoItalic.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    font-display: block;
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'),
         local('Roboto-Light'),
         url("RobotoLight/RobotoLight.woff2") format("woff2"),
         url("RobotoLight/RobotoLight.woff") format("woff"),
         url("RobotoLight/RobotoLight.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    font-display: block;
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'),
         local('Roboto-Medium'),
         url("RobotoMedium/RobotoMedium.woff2") format("woff2"),
         url("RobotoMedium/RobotoMedium.woff") format("woff"),
         url("RobotoMedium/RobotoMedium.ttf") format("truetype");
}
@font-face {
    font-family: "Roboto";
    font-display: block;
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'),
         local('Roboto-Bold'),
         url("RobotoBold/RobotoBold.woff2") format("woff2"),
         url("RobotoBold/RobotoBold.woff") format("woff"),
         url("RobotoBold/RobotoBold.ttf") format("truetype");
}