@font-face {
    font-family: 'loraRegular';
    src: url('lora-regular.eot');
    src: url('lora-regular.eot?#iefix') format('embedded-opentype'),
         url('lora-regular.woff') format('woff'),
         url('lora-regular.ttf') format('truetype'),
         url('lora-regular.svg#loraregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@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#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'robotoMedium';
    src: url('roboto-medium.eot');
    src: url('roboto-medium.eot?#iefix') format('embedded-opentype'),
         url('roboto-medium.woff') format('woff'),
         url('roboto-medium.ttf') format('truetype'),
         url('roboto-medium.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto';
    src: url('roboto.eot');
    src: url('roboto.eot?#iefix') format('embedded-opentype'),
         url('roboto.woff') format('woff'),
         url('roboto.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}