@font-face {
    font-family: 'DIN Pro';
    font-weight: 300; /* Light */
    src: url('dinpro-light-webfont.eot');
    src: url('dinpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('dinpro-light-webfont.woff') format('woff'),
         url('dinpro-light-webfont.ttf') format('truetype'),
         url('dinpro-light-webfont.svg#DIN Pro') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro';
    font-weight: 400; /* Regular */
    src: url('dinpro-regular-webfont.eot');
    src: url('dinpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('dinpro-regular-webfont.woff') format('woff'),
         url('dinpro-regular-webfont.ttf') format('truetype'),
         url('dinpro-regular-webfont.svg#DIN Pro') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro';
    font-weight: 500; /* Medium */
    src: url('dinpro-medium-webfont.eot');
    src: url('dinpro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('dinpro-medium-webfont.woff') format('woff'),
         url('dinpro-medium-webfont.ttf') format('truetype'),
         url('dinpro-medium-webfont.svg#DIN Pro') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro';
    font-weight: 700; /* Bold */
    src: url('dinpro-bold-webfont.eot');
    src: url('dinpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('dinpro-bold-webfont.woff') format('woff'),
         url('dinpro-bold-webfont.ttf') format('truetype'),
         url('dinpro-bold-webfont.svg#DIN Pro') format('svg');
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro';
    font-weight: 900; /* Black */
    src: url('dinpro-black-webfont.eot');
    src: url('dinpro-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('dinpro-black-webfont.woff') format('woff'),
         url('dinpro-black-webfont.ttf') format('truetype'),
         url('dinpro-black-webfont.svg#DIN Pro') format('svg');
    font-style: normal;
}