@font-face {
    font-family: DinProRegular;
    src: url("../fonts/DINWebPro.eot");
}

/* then for WOFF-capable browsers */
@font-face {
    font-family: DinProRegular;
  src: url("../fonts/DINWebPro.woff") format("woff");
}

@font-face {
    font-family: DinProBold;
  src: url("../fonts/DINWebPro-Bold.eot");
}

/* then for WOFF-capable browsers */
@font-face {
    font-family: DinProBold;
  src: url("../fonts/DINWebPro-Bold.woff") format("woff");
}

@font-face {
    font-family: DinProBold;
  src: url("../fonts/DINWebPro-Bold.eot");
}

/* then for WOFF-capable browsers */
@font-face {
    font-family: DinProBold;
  src: url("../fonts/DINWebPro-Bold.woff") format("woff");
}

@font-face {
    font-family: DinProMedium;
  src: url("../fonts/DINWebPro-Medium.eot");
}

/* then for WOFF-capable browsers */
@font-face {
    font-family: DinProMedium;
  src: url("../fonts/DINWebPro-Medium.woff") format("woff");
}

/* first for IE 4–8 */
@font-face {
    font-family: DinProLight;
  src: url("../fonts/DINWebPro-Light.eot");
}

/* then for WOFF-capable browsers */
@font-face {
    font-family: DinProLight;
  src: url("../fonts/DINWebPro-Light.woff") format("woff");
}