@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'), local('Roboto-Regular'), local('Roboto Regular'), local('Roboto-Regular.woff'), local('Roboto-Regular.ttf'), url(./Roboto-Regular.woff) format('woff')
}

@font-face {
    font-family: roboto;
    font-style: italic;
    font-weight: 400;
    src: local('Roboto Italic'), local('Roboto-Italic'), local('Roboto-Italic.woff'), local('Roboto-Italic.ttf'), url(./Roboto-Italic.woff) format('woff')
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'), local('Roboto-Bold'), local('Roboto-Bold.woff'), local('Roboto-Bold.ttf'), url(./Roboto-Bold.woff) format('woff')
}

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



/*
@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),url(./Roboto-Regular.woff) format('woff')
}
 

@font-face {
    font-family: roboto;
    font-style: italic;
    font-weight: 400;
    src: local('Roboto'),url(./Roboto-Italic.woff) format('woff')
}

@font-face {
    font-family: roboto;
    font-style: normal;
    font-weight: 700;
    src: local('Roboto'),url(./Roboto-Bold.woff) format('woff')
}

@font-face {
    font-family: roboto;
    font-style: italic;
    font-weight: 700;
    src: local('Roboto'),url(./Roboto-BoldItalic.woff) format('woff')
}
*/

/*
@font-face {
    font-family: roboto thin;
    font-style: normal;
    font-weight: 250;
    src: local('Roboto Thin'),url(./Roboto-Thin.woff) format('woff')
}

@font-face {
    font-family: roboto thin;
    font-style: italic;
    font-weight: 250;
    src: local('Roboto Thin'),url(./Roboto-ThinItalic.woff) format('woff')
}

@font-face {
    font-family: roboto light;
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'),url(./Roboto-Light.woff) format('woff')
}

@font-face {
    font-family: roboto light;
    font-style: italic;
    font-weight: 300;
    src: local('Roboto Light'),url(./Roboto-LightItalic.woff) format('woff')
}

@font-face {
    font-family: roboto medium;
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'),url(./Roboto-Medium.woff) format('woff')
}

@font-face {
    font-family: roboto medium;
    font-style: italic;
    font-weight: 500;
    src: local('Roboto Medium'),url(./Roboto-MediumItalic.woff) format('woff')
}

@font-face {
    font-family: roboto black;
    font-style: normal;
    font-weight: 900;
    src: local('Roboto Black'),url(./Roboto-Black.woff) format('woff')
}

@font-face {
    font-family: roboto black;
    font-style: italic;
    font-weight: 900;
    src: local('Roboto Black'),url(./Roboto-BlackItalic.woff) format('woff')
}
*/