Gatsby: Why assets called from CSS is not found on production Github Pages? (404)

[Steffi3rd]

In local, it works. url is http://localhost/

In production, I have a pathPrefix: /steffi so the Gatsby is located to : http://blabla.com/steffi

CSS

Result

[oorestisime]

did you put the font in your static folder? is it getting copied in your public one? did you try to hard-refresh maybe a cache issue?

[Steffi3rd]

Yes I do. avenir-400.woof2 in /static folder.

On production,avenir-400.woof2 in /public but the public/static is empty...

/static

/public but /public/static is empty

[oorestisime]

Have a look here https://www.gatsbyjs.org/docs/adding-images-fonts-files/?no-cache=1#using-the-static-folder

[Steffi3rd]

Have a look here https://www.gatsbyjs.org/docs/adding-images-fonts-files/?no-cache=1#using-the-static-folder

Yeah! I think I found the solution thanks to your link.

It seems I have to use withPrefix(). But how can do that inside a .css?

[oorestisime]

Maybe you should look on using a css-in-js library for your styling. If you don't want that then maybe you need a plugin that copies files around or do that on your own in gatsby-node

[gregorskii]

+1 this is a necessary requirement. If withPrefix works in JS something needs to exist for css otherwise the static folder is not useful for anything like fonts or background images.

[gatsbot[bot]]

Hiya!

This issue has gone quiet. Spooky quiet. 👻

We get a lot of issues, so we currently close issues after 30 days of inactivity. It’s been at least 20 days since the last update here.

If we missed this issue or if you want to keep it open, please reply here. You can also add the label "not stale" to keep this issue open!

Thanks for being a part of the Gatsby community! 💪💜

[gatsbot[bot]]

Hey again!

It’s been 30 days since anything happened on this issue, so our friendly neighborhood robot (that’s me!) is going to close it.

Please keep in mind that I’m only a robot, so if I’ve closed this issue in error, I’m HUMAN_EMOTION_SORRY. Please feel free to reopen this issue or create a new one if you need anything else.

Thanks again for being part of the Gatsby community!