Jump to content

Custom fonts - personal subscription - should work but isnt.

Go to solution Solved by Web_Solutions,

Recommended Posts

Hi

My client wanted to use the same font that is in her branding - not available on squarespace so i uploaded it as I have done before, but i must have made an error as its not working - can someone look at the code for me?

I thought at first that you couldn't upload a custom font on a personal plan - but apparently, you can

I then thought that maybe this is custom code - not available on personal plan but squarespace says you can upload a font and it doesn't count as custom code and so I'm confused.

They won't help me because the website has custom code on it.

Heres the Squarespace domain: https://cuboid-swordfish-hbrl.squarespace.com/

here's the code I have - and have uploaded the font files

@font-face {
    font-family: Glowist;
    src: url(https://static1.squarespace.com/static/64b14cebcb722d76b7eb6b41/t/654d37cac1332d0354066a86/1699559370375/Glowist.otf);
}H1 {
    font-family: 'Glowist';
}
H2 {
    font-family: 'Glowist';
}
H3 {
    font-family: 'Glowist';
}
H4 {
    font-family: 'Glowist';
}
@font-face {
    font-family: BrandInkSans;
    src: url(https://static1.squarespace.com/static/64b14cebcb722d76b7eb6b41/t/654d3926fa48da7ecb2a35d9/1699559718479/BrandinkSans.otf);

.sqsrte-large {
    font-family: 'BrandInkSans';
}
@font-face {
    font-family: BrandInkSansLight;
    src: url(https://static1.squarespace.com/static/64b14cebcb722d76b7eb6b41/t/654d3bbe7aa7963b447f5e1a/1699560382803/BrandinkSans-Light.otf);

p {
    font-family: 'BrandInkSansLight';
}
.form-block * {font-family: BrandInkSansLight!important}

 

Link to comment
  • Replies 2
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution
39 minutes ago, jaggerdesigncreative said:

Hi

My client wanted to use the same font that is in her branding - not available on squarespace so i uploaded it as I have done before, but i must have made an error as its not working - can someone look at the code for me?

I thought at first that you couldn't upload a custom font on a personal plan - but apparently, you can

I then thought that maybe this is custom code - not available on personal plan but squarespace says you can upload a font and it doesn't count as custom code and so I'm confused.

They won't help me because the website has custom code on it.

Heres the Squarespace domain: https://cuboid-swordfish-hbrl.squarespace.com/

here's the code I have - and have uploaded the font files

@font-face {
    font-family: Glowist;
    src: url(https://static1.squarespace.com/static/64b14cebcb722d76b7eb6b41/t/654d37cac1332d0354066a86/1699559370375/Glowist.otf);
}H1 {
    font-family: 'Glowist';
}
H2 {
    font-family: 'Glowist';
}
H3 {
    font-family: 'Glowist';
}
H4 {
    font-family: 'Glowist';
}
@font-face {
    font-family: BrandInkSans;
    src: url(https://static1.squarespace.com/static/64b14cebcb722d76b7eb6b41/t/654d3926fa48da7ecb2a35d9/1699559718479/BrandinkSans.otf);

.sqsrte-large {
    font-family: 'BrandInkSans';
}
@font-face {
    font-family: BrandInkSansLight;
    src: url(https://static1.squarespace.com/static/64b14cebcb722d76b7eb6b41/t/654d3bbe7aa7963b447f5e1a/1699560382803/BrandinkSans-Light.otf);

p {
    font-family: 'BrandInkSansLight';
}
.form-block * {font-family: BrandInkSansLight!important}

 

The Glowist font doesn't upload properly. Other fonts is working perfectly on my end.  I have modified the code. Replace your code with the code below and upload the Glowist font properly.

@font-face {
  font-family: 'Glowist';
  src: url(UploadGlowistFont);
}
h1, h2, h3, h4 {
  font-family: 'Glowist' !important;
}

@font-face {
  font-family: 'BrandInkSansLight';
  src: url(https://static1.squarespace.com/static/64b14cebcb722d76b7eb6b41/t/654d3bbe7aa7963b447f5e1a/1699560382803/BrandinkSans-Light.otf);
} 
p {
  font-family: 'BrandInkSansLight' !important;
}

@font-face {
  font-family: 'BrandInkSans';
  src: url(https://static1.squarespace.com/static/64b14cebcb722d76b7eb6b41/t/654d3926fa48da7ecb2a35d9/1699559718479/BrandinkSans.otf);
} 
.sqsrte-large {
  font-family: 'BrandInkSans' !important;
}

.form-block * {
  font-family: 'BrandInkSansLight' !important;
}

 

Screenshot_428.png

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

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.