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

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

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

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

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

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

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

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

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

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

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

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


.roboto-black { font-family: 'Roboto-Black'; }
.roboto-blackItalic { font-family: 'Roboto-BlackItalic'; }
.roboto-bold { font-family: 'Roboto-Bold'; }
.roboto-boldItalic { font-family: 'Roboto-BoldItalic'; }
.roboto-italic { font-family: 'Roboto-Italic'; }
.roboto-light { font-family: 'Roboto-Light'; }
.roboto-lightItalic { font-family: 'Roboto-LightItalic'; }
.roboto-regular { font-family: 'Roboto-Regular'; }
.roboto-medium { font-family: 'Roboto-Medium'; }
.roboto-mediumItalic { font-family: 'Roboto-MediumItalic'; }
.roboto-thin { font-family: 'Roboto-Thin'; }
.roboto-thinItalic { font-family: 'Roboto-ThinItalic'; }