@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url(Roboto-Regular.eot); /* For IE6-8 */
    src: local('Roboto'), local('Roboto'), 
         url(Roboto-Bold.woff2) format('woff2'), 
         url(Roboto-Bold.woff) format('woff'), 
         url(Roboto-Bold.ttf) format('truetype')
         url(Roboto-Light.woff2) format('woff2'), 
         url(Roboto-Light.woff) format('woff'), 
         url(Roboto-Light.ttf) format('truetype')
         url(Roboto-Medium.woff2) format('woff2'), 
         url(Roboto-Medium.woff) format('woff'), 
         url(Roboto-Medium.ttf) format('truetype')
         url(Roboto-Regular.woff2) format('woff2'), 
         url(Roboto-Regular.woff) format('woff'), 
         url(Roboto-Regular.ttf) format('truetype')
         url(Roboto-Thin.woff2) format('woff2'), 
         url(Roboto-Thin.woff) format('woff'), 
         url(Roboto-Thin.ttf) format('truetype');
}