Can't load fonts in development using Next 13
The error only occurs in development, when I build the project everything works fine.
See the images, pls.
Node: 18.18.0
Next: 13.5.2
Windows 11 with WSL2 using Arch
13 Replies
I had this too, it eventually started working but not from doing anything in particular
Try deleting all your caches and shit
Node module, .next, etc
Thank you Josh, I already made this several times
which distro are you using? I am using Arch
Same
I know Google fonts will usually fail if they are fetched behind a proxy, there could be some Linux network fuckery going on that's failing the downloads randomishly
but it is working when I build the project, that's weird
Again I just kept fucking with it and it eventually stuck
😮
tell me what you did case you fix it
Actually what version of node are you using
Node: 18.18.0
I created this project using Bun
I also tried with npm and have the same issue
I'm on v20 and it's currently working
Worth a shot
I will try
At least the message errors are more clear
I've tried to download the font by this link with CURL and it worked, so network is fine
I just install another distro on WSL2, the Ubuntu and get the same errors
Solution
I fixed this issue using the
--turbo flag.