Jump to content

Syntax Error - Uploading Fonts

Recommended Posts

I've been watching a couple Squarespace videos on how to do small customizations on my website via the Custom CSS section and I type in the code exactly and it constantly gives me the Syntax Error on Line 1.

Not sure what I'm doing wrong?

Here's the code I was trying out.

https://static1.squarespace.com/static/5e9d0db99e1a4f768cdede33/t/65f8aeef44414778b30f29b1/1710796527609/Louize+Display+-+Regular-205TF.otfhttps://static1.squarespace.com/static/5e9d0db99e1a4f768cdede33/t/65f8aeef44414778b30f29b1/1710796527609/Louize+Display+-+Regular-205TF.otf

 

Thanks

Screen Shot 2024-03-18 at 3.02.23 PM.png

Link to comment

There is a syntax error because a URL is not CSS.

This is not a solution to your particular issue but an example of what a ruleset using the URL shown might look like.

@font-face {
 
  font-family : 'Louize Display';
  src : url( https://static1.squarespace.com/static/5e9d0db99e1a4f768cdede33/t/65f8aeef44414778b30f29b1/1710796527609/Louize+Display+-+Regular-205TF.otfhttps://static1.squarespace.com/static/5e9d0db99e1a4f768cdede33/t/65f8aeef44414778b30f29b1/1710796527609/Louize+Display+-+Regular-205TF.otf) format("opentype");
  
  }

If you are following a tutorial of some kind you should come across some code that looks similar to the above. Also there will be more rulesets to actually apply the font where you want. The previous code is just defining the font so it can be used.

Just to note. A feature of custom files is that you can click on one and it will add a URL into the Custom CSS field. You then need take that added URL and cut and paste it into the right location in your CSS.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

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.