@font-face {

    font-family: "Roboto";

    src: url("Roboto-Regular.eot");

    src: url("Roboto-Regular.eot?#iefix") format('embedded-opentype'),

         url("Roboto-Regular.woff2") format('woff2'),

         url("Roboto-Regular.woff") format('woff'),

         url("Roboto-Regular.ttf") format('truetype');

    font-weight: 400;

    font-style: normal;

}



@font-face {

    font-family: "Roboto";

    src: url("Roboto-Bold.eot");

    src: url("Roboto-Bold.eot?#iefix") format('embedded-opentype'),

         url("Roboto-Bold.woff2") format('woff2'),

         url("Roboto-Bold.woff") format('woff'),

         url("Roboto-Bold.ttf") format('truetype');

    font-weight: 700;

    font-style: bold;

}



@font-face {

    font-family: "Roboto";

    src: url("Roboto-Italic.eot");

    src: url("Roboto-Italic.eot?#iefix") format('embedded-opentype'),

         url("Roboto-Italic.woff2") format('woff2'),

         url("Roboto-Italic.woff") format('woff'),

         url("Roboto-Italic.ttf") format('truetype');

    font-weight: 400;

    font-style: italic;

}