@font-face {
    font-family: 'Oswald';
    src: url('OswaldExtraLight.woff2') format('woff2'),
    url('OswaldExtraLight.woff') format('woff'),
    url('OswaldExtraLight.ttf') format('truetype'),
    url('OswaldExtraLight.eot');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('OswaldLight.woff2') format('woff2'),
    url('OswaldLight.woff') format('woff'),
    url('OswaldLight.ttf') format('truetype'),
    url('OswaldLight.eot');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('OswaldRegular.woff2') format('woff2'),
    url('OswaldRegular.woff') format('woff'),
    url('OswaldRegular.ttf') format('truetype'),
    url('OswaldRegular.eot');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('OswaldMedium.woff2') format('woff2'),
    url('OswaldMedium.woff') format('woff'),
    url('OswaldMedium.ttf') format('truetype'),
    url('OswaldMedium.eot');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('OswaldSemiBold.woff2') format('woff2'),
    url('OswaldSemiBold.woff') format('woff'),
    url('OswaldSemiBold.ttf') format('truetype'),
    url('OswaldSemiBold.eot');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Oswald';
    src: url('OswaldBold.woff2') format('woff2'),
    url('OswaldBold.woff') format('woff'),
    url('OswaldBold.ttf') format('truetype'),
    url('OswaldBold.eot');
    font-weight: 700;
    font-style: normal;
}