403 Forbidden - Fonts on XXAMP

Question

Just tried to use a new font, put it in a folder and linked to it, but I am getting this:

GET http://localhost/mywebsite/fonts/garamond/EBGaramond12-Regular.ttf 403 (Forbidden)

I implemented it like so:

@font-face {
  font-family: Garamond;
  src: url(../fonts/garamond/EBGaramond12-Regular.ttf);
  text-rendering: optimizeLegibility;
}

The path is correct, but I'm not sure why I get a 403. I am using XXAMP on OSX, other fonts work fine.

Did you check the data permissions of the file or/and folder? — RacoonOnMoon, Jun 20 '17 at 08:53
No - this might be the problem! how can I do this in the terminal? — George Welder, Jun 20 '17 at 08:53
You can try to set them to 777 just for tryin. the folder and the file — RacoonOnMoon, Jun 20 '17 at 08:58
I can write a complete answer for other users with the same task — RacoonOnMoon, Jun 20 '17 at 09:02

RacoonOnMoon · Accepted Answer · 2017-06-20T09:16:28.163

2

GET http://localhost/mywebsite/fonts/garamond/EBGaramond12-Regular.ttf 403 (Forbidden)

Is a sign for a file permission problem. You can get the file permissions by ls -l in the terminal. Changing them by chmod to 777 should work. Later on you can change them back to a lower permission for security.

edited Jun 20 '17 at 09:16

answered Jun 20 '17 at 09:07

RacoonOnMoon

1,556
14
29

Fahid Javid · Answer 2 · 2017-06-20T09:01:05.050

-3

Try by removing the starting double dots and slash in the font path.

Like this:

@font-face {
  font-family: Garamond;
  src: url(fonts/garamond/EBGaramond12-Regular.ttf);
  text-rendering: optimizeLegibility;
}

The ../ needed only if your fonts directory is outside of the project directory or your styles file is located in a subdirectory instead of project root.

On other hands, it might be the mime types issue.

See this help for that: Why is @font-face throwing a 404 error on woff files?

edited Jun 20 '17 at 09:01

answered Jun 20 '17 at 08:54

Fahid Javid

1
2

it is in a subdirectory of my project root though. – George Welder Jun 20 '17 at 08:55
2

It says forbidden, meaning the file path is correct but its just missing the permissions. – Nikhil Nanjappa Jun 20 '17 at 08:56
Thanks for the effort. But this is not the correct solution to my problem. – George Welder Jun 20 '17 at 09:04

403 Forbidden - Fonts on XXAMP

2 Answers2