@font-face {    font-family: 'DIN';    src: url('hinted-DINBold.eot');    src: local('DIN Bold'), local('DINBold'),        url('fonts/hinted-DINBold.eot?#iefix') format('embedded-opentype'),        url('fonts/hinted-DINBold.woff2') format('woff2'),        url('fonts/hinted-DINBold.woff') format('woff'),        url('fonts/hinted-DINBold.ttf') format('truetype'),        url('fonts/hinted-DINBold.svg#DINBold') format('svg');    font-weight: bold;    font-style: normal;}@font-face {    font-family: 'DIN';    src: url('hinted-DIN.eot');    src: local('DIN'),        url('fonts/hinted-DIN.eot?#iefix') format('embedded-opentype'),        url('fonts/hinted-DIN.woff2') format('woff2'),        url('fonts/hinted-DIN.woff') format('woff'),        url('fonts/hinted-DIN.ttf') format('truetype'),        url('fonts/hinted-DIN.svg#DIN') format('svg');    font-weight: normal;    font-style: normal;}@font-face {    font-family: 'DIN';    src: url('fonts/hinted-DIN-Light.eot');    src: local('DIN Light'), local('DIN-Light'),        url('fonts/hinted-DIN-Light.eot?#iefix') format('embedded-opentype'),        url('fonts/hinted-DIN-Light.woff2') format('woff2'),        url('fonts/hinted-DIN-Light.woff') format('woff'),        url('fonts/hinted-DIN-Light.ttf') format('truetype'),        url('fonts/hinted-DIN-Light.svg#DIN-Light') format('svg');    font-weight: 300;    font-style: normal;}@font-face {    font-family: 'DIN';    src: url('fonts/hinted-DIN-Black.eot');    src: local('DIN Black'), local('DIN-Black'),        url('fonts/hinted-DIN-Black.eot?#iefix') format('embedded-opentype'),        url('fonts/hinted-DIN-Black.woff2') format('woff2'),        url('fonts/hinted-DIN-Black.woff') format('woff'),        url('fonts/hinted-DIN-Black.ttf') format('truetype'),        url('fonts/hinted-DIN-Black.svg#DIN-Black') format('svg');    font-weight: 900;    font-style: normal;}@font-face {    font-family: 'DIN Alternate';    src: url('fonts/hinted-DINAlternate-Light.eot');    src: local('DIN Alternate Light'), local('DINAlternate-Light'),        url('fonts/hinted-DINAlternate-Light.eot?#iefix') format('embedded-opentype'),        url('fonts/hinted-DINAlternate-Light.woff2') format('woff2'),        url('fonts/hinted-DINAlternate-Light.woff') format('woff'),        url('fonts/hinted-DINAlternate-Light.ttf') format('truetype'),        url('fonts/hinted-DINAlternate-Light.svg#DINAlternate-Light') format('svg');    font-weight: 300;    font-style: normal;}@font-face {    font-family: 'DIN';    src: url('fonts/hinted-DIN-Medium.eot');    src: local('DIN Medium'), local('DIN-Medium'),        url('fonts/hinted-DIN-Medium.eot?#iefix') format('embedded-opentype'),        url('fonts/hinted-DIN-Medium.woff2') format('woff2'),        url('fonts/hinted-DIN-Medium.woff') format('woff'),        url('fonts/hinted-DIN-Medium.ttf') format('truetype'),        url('fonts/hinted-DIN-Medium.svg#DIN-Medium') format('svg');    font-weight: 500;    font-style: normal;}