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

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

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

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

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

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

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

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

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

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

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

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