Issue when trying to load custom font

[rickilambert]

Hi all

I am having some issues loading a custom font on my website. What is strange is that it appears to work in every single browser other than firefox.

The code I am using to load the font face is as follows;

Code: Select all

@font-face {font-family: 'CustomFont';src: url('font/Pacifico.ttf'); 
@font-face {font-family: 'CustomFont';src: url('font/Pacifico.svg');
@font-face {font-family: 'CustomFont';src: url('font/Pacifico.woff'); 

Looking at the developer tab in firefox i can see the following errors;

downloadable font: download failed (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:4): status=2147746065
source: http://secondstory.co.uk/swifte/font/Pacifico.ttf

however the actual path to the font should be http://secondstory.co.uk/swifte/css/font/Pacifico.ttf
Can anyone help me in resolving this issue.
Kind regards

Ricki

[trolly]

https://developer.mozilla.org/en-US/doc ... @font-face

[rickilambert]

well it appears firefox was failing due to my stupidity

i left a comment in the css using <!-- --> and this was causing it too break