@font-face {
    font-family: 'Roboto';
    src: url('RobotoLight.eot');
    src: url('RobotoLight.eot?#iefix') format('embedded-opentype'),
    url('RobotoLight.woff') format('woff'),
    url('RobotoLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('RobotoRegular.eot');
    src: url('RobotoRegular.eot?#iefix') format('embedded-opentype'),
    url('RobotoRegular.woff') format('woff'),
    url('RobotoRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('RobotoBold.eot');
    src: url('RobotoBold.eot?#iefix') format('embedded-opentype'),
    url('RobotoBold.woff') format('woff'),
    url('RobotoBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}