As you mentioned your CSS code above, there is no “/” at the start of the font URL before “…”
This type of error occurs when there is a “/” at the beginning of the URL.
Anyways, try to use an absolute URL like this.
I know it is not an actual solution, because it’s depends on site URL and we have to edit css file if we change the domain.
SOME EXTRA INFORMATION NOT DIRECTLY RELATED TO THE PROBLEM
Also please note that you should use more extensive @font-face rule with different format of font file to work in all browser.
Worth reading the following links articles:
Also, you can use an online font converter to convert .ttf font to other format of fonts.
Font Squirrel has a web font generator tool which is among popular ones.