@font-face {
    font-family: "Roboto Black";
    src: url("./Roboto-Black.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto Black Italic";
    src: url("./Roboto-BlackItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto Bold";
    src: url("./Roboto-Bold.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto Bold Italic";
    src: url("./Roboto-BoldItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto Italic";
    src: url("./Roboto-Italic.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto Light";
    src: url("./Roboto-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto Light Italic";
    src: url("./Roboto-LightItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto Medium";
    src: url("./Roboto-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto Medium Italic";
    src: url("./Roboto-MediumItalic.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto Regular";
    src: url("./Roboto-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto Thin";
    src: url("./Roboto-Thin.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto Thin Italic";
    src: url("./Roboto-ThinItalic.ttf") format("truetype");
}