@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 100;
    src: url("Roboto-italic-100.svg") format("svg"),
         url("Roboto-italic-100.ttf") format("truetype"),
         url("Roboto-italic-100.woff") format("woff"),
         url("Roboto-italic-100.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 500;
    src: url("Roboto-italic-500.svg") format("svg"),
         url("Roboto-italic-500.ttf") format("truetype"),
         url("Roboto-italic-500.woff") format("woff"),
         url("Roboto-italic-500.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 900;
    src: url("Roboto-italic-900.svg") format("svg"),
         url("Roboto-italic-900.ttf") format("truetype"),
         url("Roboto-italic-900.woff") format("woff"),
         url("Roboto-italic-900.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: bold;
    src: url("Roboto-italic-bold.svg") format("svg"),
         url("Roboto-italic-bold.ttf") format("truetype"),
         url("Roboto-italic-bold.woff") format("woff"),
         url("Roboto-italic-bold.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: normal;
    src: url("Roboto-italic-normal.svg") format("svg"),
         url("Roboto-italic-normal.ttf") format("truetype"),
         url("Roboto-italic-normal.woff") format("woff"),
         url("Roboto-italic-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100;
    src: url("Roboto-normal-100.svg") format("svg"),
         url("Roboto-normal-100.ttf") format("truetype"),
         url("Roboto-normal-100.woff") format("woff"),
         url("Roboto-normal-100.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: url("Roboto-normal-300.svg") format("svg"),
         url("Roboto-normal-300.ttf") format("truetype"),
         url("Roboto-normal-300.woff") format("woff"),
         url("Roboto-normal-300.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: url("Roboto-normal-500.svg") format("svg"),
         url("Roboto-normal-500.ttf") format("truetype"),
         url("Roboto-normal-500.woff") format("woff"),
         url("Roboto-normal-500.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 900;
    src: url("Roboto-normal-900.svg") format("svg"),
         url("Roboto-normal-900.ttf") format("truetype"),
         url("Roboto-normal-900.woff") format("woff"),
         url("Roboto-normal-900.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: bold;
    src: url("Roboto-normal-bold.svg") format("svg"),
         url("Roboto-normal-bold.ttf") format("truetype"),
         url("Roboto-normal-bold.woff") format("woff"),
         url("Roboto-normal-bold.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: normal;
    src: url("Roboto-normal-normal.svg") format("svg"),
         url("Roboto-normal-normal.ttf") format("truetype"),
         url("Roboto-normal-normal.woff") format("woff"),
         url("Roboto-normal-normal.woff2") format("woff2");
}