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

@font-face {
  font-family: 'myfont-medium';
  src: url('dinpro-medium.eot?#iefix') format('embedded-opentype'),  url('dinpro-medium.otf')  format('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-style: normal;
}

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

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