@font-face {
  font-family: "Roboto-Bold";
  src: url("../images/roboto-bold.woff") format("woff"),
       url("../images/roboto-bold.ttf") format("truetype"),
       url("../images/roboto-bold.eot") format("embedded-opentype"),
       url("../images/roboto-bold.svg") format("svg");
}
@font-face {
  font-family: "Roboto-Light";
  src: url("../images/roboto-light.woff") format("woff"),
       url("../images/roboto-light.ttf") format("truetype"),
       url("../images/roboto-light.eot") format("embedded-opentype"),
       url("../images/roboto-light.svg") format("svg");
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("../images/roboto-regular.woff") format("woff"),
       url("../images/roboto-regular.ttf") format("truetype"),
       url("../images/roboto-regular.eot") format("embedded-opentype"),
       url("../images/roboto-regular.svg") format("svg");
}
@font-face {
  font-family: "Roboto-Thin";
  src: url("../images/roboto-thin.woff") format("woff"),
       url("../images/roboto-thin.ttf") format("truetype"),
       url("../images/roboto-thin.eot") format("embedded-opentype"),
       url("../images/roboto-thin.svg") format("svg");
}