@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: url("roboto-v18-latin-regular.eot");
    src: local("Roboto"), local("Roboto-Regular"),
      url("roboto-v18-latin-regular.eot?#iefix")
        format("embedded-opentype"),
      url("roboto-v18-latin-regular.woff2") format("woff2"),
      url("roboto-v18-latin-regular.woff") format("woff"),
      url("roboto-v18-latin-regular.ttf") format("truetype"),
      url("roboto-v18-latin-regular.svg#Roboto") format("svg");
  }
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url("roboto-v18-latin-500.eot");
    src: local("Roboto Medium"), local("Roboto-Medium"),
      url("roboto-v18-latin-500.eot?#iefix") format("embedded-opentype"),
      url("roboto-v18-latin-500.woff2") format("woff2"),
      url("roboto-v18-latin-500.woff") format("woff"),
      url("roboto-v18-latin-500.ttf") format("truetype"),
      url("roboto-v18-latin-500.svg#Roboto") format("svg");
  }
  @font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: url("roboto-v18-latin-700.eot");
    src: local("Roboto Bold"), local("Roboto-Bold"),
      url("roboto-v18-latin-700.eot?#iefix") format("embedded-opentype"),
      url("roboto-v18-latin-700.woff2") format("woff2"),
      url("roboto-v18-latin-700.woff") format("woff"),
      url("roboto-v18-latin-700.ttf") format("truetype"),
      url("roboto-v18-latin-700.svg#Roboto") format("svg");
  }
  @font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 700;
    src: url("roboto-condensed-v16-latin-700.eot");
    src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"),
      url("roboto-condensed-v16-latin-700.eot?#iefix")
        format("embedded-opentype"),
      url("roboto-condensed-v16-latin-700.woff2") format("woff2"),
      url("roboto-condensed-v16-latin-700.woff") format("woff"),
      url("roboto-condensed-v16-latin-700.ttf") format("truetype"),
      url("roboto-condensed-v16-latin-700.svg#RobotoCondensed")
        format("svg");
  }
  @font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 500;
    src: url("roboto-mono-v5-latin-500.eot");
    src: local("Roboto Mono Medium"), local("RobotoMono-Medium"),
      url("roboto-mono-v5-latin-500.eot?#iefix")
        format("embedded-opentype"),
      url("roboto-mono-v5-latin-500.woff2") format("woff2"),
      url("roboto-mono-v5-latin-500.woff") format("woff"),
      url("roboto-mono-v5-latin-500.ttf") format("truetype"),
      url("roboto-mono-v5-latin-500.svg#RobotoMono") format("svg");
  }
  @font-face {
    font-family: "Roboto Mono";
    font-style: normal;
    font-weight: 700;
    src: url("roboto-mono-v5-latin-700.eot");
    src: local("Roboto Mono Bold"), local("RobotoMono-Bold"),
      url("roboto-mono-v5-latin-700.eot?#iefix")
        format("embedded-opentype"),
      url("roboto-mono-v5-latin-700.woff2") format("woff2"),
      url("roboto-mono-v5-latin-700.woff") format("woff"),
      url("roboto-mono-v5-latin-700.ttf") format("truetype"),
      url("roboto-mono-v5-latin-700.svg#RobotoMono") format("svg");
  }