@font-face {
    font-family: "Roboto-Thin"; 
    src: url("roboto/Roboto-Thin.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
}

@font-face {
    font-family: "Roboto-ThinItalic"; 
    src: url("roboto/Roboto-ThinItalic.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
}

@font-face {
    font-family: "Roboto-Light"; 
    src: url("roboto/Roboto-Light.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
}

@font-face {
    font-family: "Roboto-LightItalic"; 
    src: url("roboto/Roboto-LightItalic.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
}

@font-face {
    font-family: "Roboto-Regular"; 
    src: url("roboto/Roboto-Regular.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
}

@font-face {
    font-family: "Roboto-Italic"; 
    src: url("roboto/Roboto-Italic.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
}

@font-face {
    font-family: "Roboto-Medium"; 
    src: url("roboto/Roboto-Medium.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
}

@font-face {
    font-family: "Roboto-MediumItalic"; 
    src: url("roboto/Roboto-MediumItalic.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
}

@font-face {
    font-family: "Roboto-Bold"; 
    src: url("roboto/Roboto-Bold.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
}

@font-face {
    font-family: "Roboto-BoldItalic"; 
    src: url("roboto/Roboto-BoldItalic.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
}

@font-face {
    font-family: "Roboto-Black"; 
    src: url("roboto/Roboto-Black.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
}

@font-face {
    font-family: "Roboto-BlackItalic";
    src: url("roboto/Roboto-BlackItalic.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal; 
}