@font-face {
    font-family: 'RobotoRegular';
    src: url('fonts/Roboto-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'RobotoBold';
    src: url('fonts/Roboto-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'RobotoMedium';
    src: url('fonts/RobotoMedium.eot');
    src: url('fonts/RobotoMedium.eot') format('embedded-opentype'),
         url('fonts/RobotoMedium.woff2') format('woff2'),
         url('fonts/RobotoMedium.woff') format('woff'),
         url('fonts/RobotoMedium.svg#RobotoMedium') format('svg');
}
@font-face {
    font-family: 'OswaldBold';
    src: url('fonts/OswaldBold.eot');
    src: url('fonts/OswaldBold.eot') format('embedded-opentype'),
         url('fonts/OswaldBold.woff2') format('woff2'),
         url('fonts/OswaldBold.woff') format('woff'),
         url('fonts/OswaldBold.svg#OswaldBold') format('svg');
}
@font-face {
    font-family: 'OswaldMedium';
    src: url('fonts/OswaldMedium.eot');
    src: url('fonts/OswaldMedium.eot') format('embedded-opentype'),
         url('fonts/OswaldMedium.woff2') format('woff2'),
         url('fonts/OswaldMedium.woff') format('woff'),
         url('fonts/OswaldMedium.svg#OswaldMedium') format('svg');
}
@font-face {
    font-family: 'RobotoLight';
    src: url('fonts/RobotoLight.eot');
    src: url('fonts/RobotoLight.eot') format('embedded-opentype'),
         url('fonts/RobotoLight.woff2') format('woff2'),
         url('fonts/RobotoLight.woff') format('woff'),
         url('fonts/RobotoLight.svg#RobotoLight') format('svg');
}