@font-face {
    font-family: 'DINRegular';
    src: url('fonts/DINRegular.eot');
    src: url('fonts/DINRegular.eot') format('embedded-opentype'),
         url('fonts/DINRegular.woff2') format('woff2'),
         url('fonts/DINRegular.woff') format('woff'),
         url('fonts/DINRegular.ttf') format('truetype'),
         url('fonts/DINRegular.svg#DINRegular') format('svg');
}

@font-face {
    font-family: 'DINMedium';
    src: url('fonts/DINMedium.eot');
    src: url('fonts/DINMedium.eot') format('embedded-opentype'),
         url('fonts/DINMedium.woff2') format('woff2'),
         url('fonts/DINMedium.woff') format('woff'),
         url('fonts/DINMedium.ttf') format('truetype'),
         url('fonts/DINMedium.svg#DINMedium') format('svg');
}

@font-face {
    font-family: 'DINLight';
    src: url('fonts/DINLight.eot');
    src: url('fonts/DINLight.eot') format('embedded-opentype'),
         url('fonts/DINLight.woff2') format('woff2'),
         url('fonts/DINLight.woff') format('woff'),
         url('fonts/DINLight.ttf') format('truetype'),
         url('fonts/DINLight.svg#DINLight') format('svg');
}

@font-face {
    font-family: 'DINBold';
    src: url('fonts/DINBold.eot');
    src: url('fonts/DINBold.eot') format('embedded-opentype'),
         url('fonts/DINBold.woff2') format('woff2'),
         url('fonts/DINBold.woff') format('woff'),
         url('fonts/DINBold.ttf') format('truetype'),
         url('fonts/DINBold.svg#DINBold') format('svg');
}