@font-face{
    font-family: 'Roboto Regular';
    src: url('fonts/Roboto-Regular.otf'); /* For IE */
    src: local('Roboto Regular'), url('fonts/Roboto-Regular.otf') format('opentype'); /* For non-IE */
}

@font-face{
    font-family: 'Roboto Bold';
    src: url('fonts/Roboto-Bold.otf'); /* For IE */
    src: local('Roboto Bold'), url('fonts/Roboto-Bold.otf') format('opentype'); /* For non-IE */
}

@font-face{
    font-family: 'Roboto Light';
    src: url('fonts/Roboto-Light.otf'); /* For IE */
    src: local('Roboto Light'), url('fonts/Roboto-Light.otf') format('opentype'); /* For non-IE */
}