Problems when loading local fonts in css with font-face

Question

I'm working with html and CSS, and I need to load a font which is in my local storage, but it gives me the following error:

downloadable font: download failed

I'm using font-face to try to load it, but it doesn't work. I'm working with mozilla-firefox for linux mint. Hope anyone can help me

This is what i've tried:

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

and then I try to use it in my class

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