@font-face {
    font-family: 'robotoregular';
    src: url('roboto_regular.eot');
    src: url('roboto_regular.eot?#iefix') format('embedded-opentype'),
    url('roboto_regular.woff') format('woff'),
    url('roboto_regular.ttf') format('truetype'),
    url('roboto_regular.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotolight';
    src: url('roboto_light.eot');
    src: url('roboto_light.eot?#iefix') format('embedded-opentype'),
    url('roboto_light.woff') format('woff'),
    url('roboto_light.ttf') format('truetype'),
    url('roboto_light.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@media all and (-webkit-min-device-pixel-ratio:0) {
@font-face {
    font-family: 'robotolight';
    src: url('roboto_light.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
    }

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