Font doesn't load

 I hope this is the right place to ask, i’m sorry if it’s not!

Hi, I’m recently working on a small website Project which uses a custom font. However, the font doesn’t load. I’m loading it in CSS with @Font Face and in JS with import. Both didn’t work, someone knows why?


1 Like


There seems not really something wrong with your code. Are you sure the font file is ‘t damaged or invalid and your web server is also handling the font well (right Content-Type header etc.)?

When I use custom fonts I would always use:

font-family: Mario

while you are using

font-family: ‘Mario’

however I don’t know if it makes a difference. Perhaps you could try.

Monitoring the network request and reponse and the object style in DevTools might also help.