Проблемы при загрузке локальных шрифтов в CSS с font-face

Question

Я работаю с HTML и CSS, и мне нужно загрузить шрифт, который находится в моем локальном хранилище, но выдает следующую ошибку:

загружаемый шрифт: загрузка не удалась

Я использую font-face, чтобы попытаться загрузить его, но он не работает. Я работаю с Mozilla-Firefox для Linux Mint. Надеюсь, что кто-нибудь может мне помочь

Вот что я пробовал:

@font-face {
 font-family: 'qebab';
 src: local('qebab'), url('fonts/qebab-webfont.ttf')format('truetype');
}

и затем я пытаюсь использовать его в своем классе

.important-font {
    font-family: 'qebab';
}