@font-face {
    font-family: 'roboto-black';
    src: url('../fonts/roboto/Roboto-Black.ttf'); format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-black-italic';
    src: url('../fonts/roboto/Roboto-BlackItalic.ttf'); format('truetype'),
    font-weight: normal;
    font-style: normal;
}

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

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

@font-face {
    font-family: 'roboto-condensed-bold';
    src: url('../fonts/roboto/RobotoCondensed-Bold.ttf'); format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-condensed-bold-italic';
    src: url('../fonts/roboto/RobotoCondensed-BoldItalic.ttf'); format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-condensed-italic';
    src: url('../fonts/roboto/RobotoCondensed-Italic.ttf'); format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-condensed-light';
    src: url('../fonts/roboto/RobotoCondensed-Light.ttf'); format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-condensed-light-italic';
    src: url('../fonts/roboto/RobotoCondensed-LightItalic.ttf'); format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-condensed-regular';
    src: url('../fonts/roboto/RobotoCondensed-Regular.ttf'); format('truetype'),
    font-weight: normal;
    font-style: normal;
}

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

@font-face {
    font-family: 'roboto-light';
    src: url('../fonts/roboto/Roboto-Light.ttf'); format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-light-italic';
    src: url('../fonts/roboto/Roboto-LightItalic.ttf'); format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-medium';
    src: url('../fonts/roboto/Roboto-Medium.ttf'); format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-medium-italic';
    src: url('../fonts/roboto/Roboto-MediumItalic.ttf'); format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-regular';
    src: url('../fonts/roboto/Roboto-Regular.ttf'); format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-thin';
    src: url('../fonts/roboto/Roboto-Thin.ttf'); format('truetype'),
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'roboto-thin-italic';
    src: url('../fonts/roboto/Roboto-ThinItalic.ttf'); format('truetype'),
    font-weight: normal;
    font-style: normal;
}