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

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

@font-face {
    font-family: SF UI Display;
    src: url('sfuidisplay-regular.eot');
    src: url('sfuidisplay-regular.eot?#iefix') format('embedded-opentype'),
    url('sfuidisplay-regular.woff') format('woff'),
    url('sfuidisplay-regular.ttf') format('truetype'),
    url('sfuidisplay-regular.svg#sfuidisplay-regular') format('svg');
    font-weight: normal;
}

@font-face {
    font-family: SF UI Display Med;
    src: url('sfuidisplay-medium.eot');
    src: url('sfuidisplay-medium.eot?#iefix') format('embedded-opentype'),
    url('sfuidisplay-medium.woff') format('woff'),
    url('sfuidisplay-medium.ttf') format('truetype'),
    url('sfuidisplay-medium.svg#sfuidisplay-medium') format('svg');
    font-weight: normal;
}

@font-face {
    font-family: Open Sans;
    src: url('opensans.eot');
    src: url('opensans.eot?#iefix') format('embedded-opentype'),
    url('opensans.woff') format('woff'),
    url('opensans.ttf') format('truetype'),
    url('opensans.svg#opensans') format('svg');
    font-weight: normal;
}


@font-face {
    font-family: PT Sans Narrow Bold;
    src: url('pt-sans-bold.eot');
    src: url('pt-sans-bold.eot?#iefix') format('embedded-opentype'),
    url('pt-sans-bold.woff') format('woff'),
    url('pt-sans-bold.ttf') format('truetype'),
    url('pt-sans-bold.svg#pt-sans-bold') format('svg');
    font-weight: normal;
}