Jump to content

Custom font not loading in Firefox

Go to solution Solved by loriskumo,

Recommended Posts

Posted (edited)

Hello,

I'm designing a website using a custom font and it doesn't work in Firefox. The font is loading fine on other browsers (Safari, Brave, Mobile Safari) but not in Firefox.

It displays the following alert:

downloadable font: download failed (font-family: "Dwight-Bold" style:normal weight:700 stretch:100 src index:0): bad URI or cross-site access not allowed source: https://static1.squarespace.com/static/…

Also:

[HTTP/2 403 Forbidden 302ms]

And:

CORS Missing Allow Origin

I can't figure out what's wrong. I'm using Squarespage CDN (https://static1.squarespace.com/static/6…) and what makes me mad is that it works elsewhere…

Website: https://helix-oarfish-k7lx.squarespace.com/
Password: hellothere

I'm all ears for any suggestion to fix this. 🙂 

 

Loris

 

EDIT: maybe it's because I'm currently password protected… I tried by loading a font on another (public) site and it didn't work either…

Edited by loriskumo
Thought of something.
  • Solution
Posted

Thanks @tuanphan.

I tried something else: I uploaded the font using the "upload personal files" button on the CSS edit page rather than regular media upload and it worked!

I don't know why I didn't uploaded fonts from here at first but here we are. At least it works.

* * *

Long story short: use the upload button within the CSS Edit page if you need to use these files in the CSS code 🙂 

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.