@font-face {
    font-family: 'RobotoRegular';
    src: url('RobotoRegular.eot');
    src: url('RobotoRegular.eot') format('embedded-opentype'),
         url('RobotoRegular.woff2') format('woff2'),
         url('RobotoRegular.woff') format('woff'),
         url('RobotoRegular.ttf') format('truetype'),
         url('RobotoRegular.svg#RobotoRegular') format('svg');
}
@font-face {
    font-family: 'RobotoLight';
    src: url('RobotoLight.eot');
    src: url('RobotoLight.eot') format('embedded-opentype'),
         url('RobotoLight.woff2') format('woff2'),
         url('RobotoLight.woff') format('woff'),
         url('RobotoLight.ttf') format('truetype'),
         url('RobotoLight.svg#RobotoLight') format('svg');
}
@font-face {
    font-family: 'RobotoThin';
    src: url('RobotoThin.eot');
    src: url('RobotoThin.eot') format('embedded-opentype'),
         url('RobotoThin.woff2') format('woff2'),
         url('RobotoThin.woff') format('woff'),
         url('RobotoThin.ttf') format('truetype'),
         url('RobotoThin.svg#RobotoThin') format('svg');
}
@font-face {
    font-family: 'roboto-bold-webfont';
    src: url('roboto-bold-webfont.eot');
    src: url('roboto-bold-webfont.eot') format('embedded-opentype'),
         url('roboto-bold-webfont.woff2') format('woff2'),
         url('roboto-bold-webfont.woff') format('woff'),
         url('roboto-bold-webfont.ttf') format('truetype'),
         url('roboto-bold-webfont.svg#roboto-bold-webfont') format('svg');
}