/* Thin */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'), url("Roboto-Thin.ttf") format('truetype');
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 100;
    src: local('Roboto Thin Italic'), url("Roboto-ThinItalic.ttf") format('truetype');
}

/* Light */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), url("Roboto-Light.ttf") format('truetype');
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 300;
    src: local('Roboto Light Italic'), url("Roboto-LightItalic.ttf") format('truetype');
}

/* Normal */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), url("Roboto-Regular.ttf") format('truetype');
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), url("Roboto-Italic.ttf") format('truetype');
}

/* Medium */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), url("Roboto-Medium.ttf") format('truetype');
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 500;
    src: local('Roboto Medium Italic'), url("Roboto-MediumItalic.ttf") format('truetype');
}

/* Bold */
@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), url("Roboto-Bold.ttf") format('truetype');
}
@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-weight: 700;
    src: local('Roboto Bold Italic'), url("Roboto-BoldItalic.ttf") format('truetype');
}