Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Custom font css not working


J233

Question

Site URL: https://www.jonniebeacreative.com/

My custom font CSS is not working in Squarespace 7.0. I have uploaded the font which is this font: https://connary.com/wayfinder.html

 

I am using this code to add the font, but nothing is changing and the font is not displayed.

@font-face 

{ font-family: ‘Wayfinder’;

src: url(https://static1.squarespace.com/static/603e9a9da51e5672d8d9633a/t/60c8026984d82a4fe9c58594/1623720553471/WayfinderCF-Thin.otf); }

h1 {font-family: 'Wayfinder';}

 

What am I doing wrong? How can I upload my custom font? Please help.

Screen Shot 2021-06-14 at 8.50.22 PM.png

Link to comment

3 answers to this question

Recommended Posts

  • 0
3 hours ago, J233 said:

Site URL: https://www.jonniebeacreative.com/

My custom font CSS is not working in Squarespace 7.0. I have uploaded the font which is this font: https://connary.com/wayfinder.html

 

I am using this code to add the font, but nothing is changing and the font is not displayed.

@font-face 

{ font-family: ‘Wayfinder’;

src: url(https://static1.squarespace.com/static/603e9a9da51e5672d8d9633a/t/60c8026984d82a4fe9c58594/1623720553471/WayfinderCF-Thin.otf); }

h1 {font-family: 'Wayfinder';}

 

What am I doing wrong? How can I upload my custom font? Please help.

Screen Shot 2021-06-14 at 8.50.22 PM.png

Try this one

@font-face {
font-family: 'Wayfinder';
src: url('https://static1.squarespace.com/static/603e9a9da51e5672d8d9633a/t/60c8026984d82a4fe9c58594/1623720553471/WayfinderCF-Thin.otf');
  }

You are missing ( ' )  before and after the URL

Link to comment
  • 0
8 hours ago, ArminB said:

Try this one


@font-face {
font-family: 'Wayfinder';
src: url('https://static1.squarespace.com/static/603e9a9da51e5672d8d9633a/t/60c8026984d82a4fe9c58594/1623720553471/WayfinderCF-Thin.otf');
  }

You are missing ( ' )  before and after the URL

That still did not seem to change HEADING ONE.

I copied and pasted exactly as you can see heading one did not change. What am I doing wrong? 

Screen Shot 2021-06-15 at 8.48.24 AM.png

Link to comment
  • 0
19 hours ago, J233 said:

That still did not seem to change HEADING ONE.

I copied and pasted exactly as you can see heading one did not change. What am I doing wrong? 

Screen Shot 2021-06-15 at 8.48.24 AM.png

Can you share link to page where you added "headding one" text? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Open Page Header - Upload Custom Font - Upload File - Find Block ID, Data Section ID - Contact Squarespace Customer Care - Learn CSS at W3Schools

I'm Tuan, blogger/owner of a free library for children in Vietnam. Helping the community is a hobby. Contact me via email.

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...