Jump to content

Custom font CSS working for some, but not all

Recommended Posts

I added CSS for a custom font (Filson Pro Book). I also applied the font to all sections (I believe). It has only worked for my headers and buttons though. I have been searching for a way to have it apply to the paragraph text, but I haven't been able to get it to work. Any help is appreciated.

Here is the CSS code (which is listed after text on hover code, if that matters):

 

@font-face {

  font-family: Filsonprobook;

  src: url(https://static1.squarespace.com/static/62e27e4a55c72351b64520d4/t/63dd9f99b48cd640c8a24c60/1675468697832/FilsonPro-Book.woff) format('woff');

}

 

h1 {

font-family: 'Filsonprobook';

}

 

h2 {

font-family: 'Filsonprobook';

}

 

h3 {

font-family: 'Filsonprobook';

}

 

h4 {

font-family: 'Filsonprobook';

}

 

p {

font-family: 'Filsonprobook';

}

 

.sqsrte-large {

font-family: 'Filsonprobook'!important;

}

 

.sqsrte-small {

font-family: 'Filsonprobook'!important;

}

 

a {text-decoration: none !important; }

 

unnamed.png

Link to comment
  • Replies 5
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Can you share your website URL?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment

Interesting, my browser is rendering the correct font for the paragraphs:

image.thumb.png.188da1862c7d3ae06262d843bb3cd388.png

As well as for headings, buttons are not, but you haven't assigned that in your code....yet (if you want?)

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

Link to comment

The problem is that Filson Pro Book is supposed to look like this: The quick brown fox jumps over the lazy dog

Even though the text (says) it is Filson Pro Book; it is still Adonis (which was the original font). 

image.thumb.png.4c65205dd890813e49fa3ef11593840f.png

That is what is really throwing me off since it seems like everything is applied to be Filson.

Edited by jayperry
Link to comment

There could be an issue with the font file, what does that look like when you open in on your computer? Does it display correctly there?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

  Did I help? Buy me a coffee?

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

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.