Не подключились шрифты otf что делать?
Вы не поверите, но вот это: "content/fonts/DINpro/DINpro-Bold.ttf"
и вот это: "../fonts/DINPro/DINPro-Bold.otf" - это не одно и то же. У вас в CSS используется первый вариант (такого файла у вас просто нет), а нужен второй вариант - такой файл у вас есть.
1. oft не все браузеры используют, делайте еще и ttf
2. ссылка должна быть ../fonts/DINpro/DINpro-Bold.otf или со слешем впереди, он ищет папку content в папке с css файлом и он прав.