Localde çalışan @font-face in web de çalışmaması

Localde istediğiniz fontları @font-face ile ayarladınız ve oluşturduğunuz fonts klasörüne .eot .woff .ttf .svg dosyalarınıda yerleştirdiniz. Bu şekilde localde sorunsuz olarak çalışırken web e yüklediğinizde istediğiniz fontun görünmemesi mime-type olarak bu font uzantılarının serverda eklenmemiş olmasıdır. Plesk veya benzeri hosting kontrol panelinden aşağıdaki şekilde bu fontları mime-type olarak eklerseniz probleminiz çözülecektir.

.eot      application/vnd.ms-fontobject
.otf       application/octet-stream
.ttf        application/octet-stream
.woff    application/x-font-woff