FuelPHP Forums

In my assets/templates/default/css/layout.css file I have the following:

@font-face {
font-family: 'TestFont';
src: url('/assets/templates/default/font/Harabara.ttf') format('truetype');
}

I have also tried the url relative to the css file:

@font-face {
font-family: 'TestFont';
src: url('../font/Harabara.ttf') format('truetype');
}

Those as well as other attempts not mentioned fail to load the font.

I have no idea why it is not working as if I navigate to the font directly in the browser via localhost/assets/templates/default/font/Harabara.ttf it prompts me to download it so it is accessible.

Any help would be much appreciated. Thanks!