@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../font/materialicons-regular/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url('../font/materialicons-regular/MaterialIcons-Regular.woff2') format('woff2'),
       url('../font/materialicons-regular/MaterialIcons-Regular.woff') format('woff'),
       url('../font/materialicons-regular/MaterialIcons-Regular.ttf') format('truetype');
}

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

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

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

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