/* Light */
@font-face {
  font-family: 'Roboto-Light';
  src: url( ../_fonts/Roboto-Light.eot);
  src: url( ../_fonts/Roboto-Light.eot?#iefix) format('embedded-opentype'),
       url( ../_fonts/Roboto-Light.otf) format('otf'),
       url( ../_fonts/Roboto-Light.woff) format('woff'),
       url( ../_fonts/Roboto-Light.woff2) format('woff2'),
       url( ../_fonts/Roboto-Light.svg#Roboto-Light) format('svg');
}

/* Regular */
@font-face {
  font-family: 'Roboto-Regular';
  src: url( ../_fonts/Roboto-Regular.eot);
  src: url( ../_fonts/Roboto-Regular.eot?#iefix) format('embedded-opentype'),
       url( ../_fonts/Roboto-Regular.otf) format('otf'),
       url( ../_fonts/Roboto-Regular.woff) format('woff'),
       url( ../_fonts/Roboto-Regular.woff2) format('woff2'),
       url( ../_fonts/Roboto-Regular.svg#Roboto-Regular) format('svg');
}


/* Bold */
@font-face {
  font-family: 'Roboto-Bold';
  src: url( ../_fonts/Roboto-Bold.eot);
  src: url( ../_fonts/Roboto-Bold.eot?#iefix) format('embedded-opentype'),
       url( ../_fonts/Roboto-Bold.otf) format('otf'),
       url( ../_fonts/Roboto-Bold.woff) format('woff'),
       url( ../_fonts/Roboto-Bold.woff2) format('woff2'),
       url( ../_fonts/Roboto-Bold.svg#Roboto-Bold) format('svg');
}