@font-face {
    font-family: "Roboto";
    src: url('/assets/fonts/roboto/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
}

@font-face {
    font-family: "Roboto";
    src: url('/assets/fonts/roboto/OpenSans-Italic.ttf') format('truetype');
    font-style: italic;
}

@font-face {
    font-family: "Roboto";
    src: url('/assets/fonts/roboto/OpenSans-BoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: bold;
}

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

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

@font-face {
    font-family: "Roboto Light";
    src: url('/assets/fonts/roboto/Roboto-LightItalic.ttf') format('truetype');
    font-style: italic;
}

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

@font-face {
    font-family: "Roboto Thin";
    src: url('/assets/fonts/roboto/Roboto-ThinItalic.ttf') format('truetype');
    font-style: italic;
}

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

@font-face {
    font-family: "Roboto Book";
    src: url('/assets/fonts/roboto/Roboto-BoldItalic.ttf') format('truetype');
    font-style: italic;
}