Jump to content

Custom Fonts are not working

Recommended Posts

I am not sure what I am doing wrong I can't get the site to display my custom font.    i am 7.0



@font-face {
    font-family: 'BureauGrotCompressedMedium';
    src: url("https://static1.squarespace.com/static/5dc1b52aa263a635ba553783/t/6437454f5c0c0e190b04f9e5/1681343823819/Bureau+Grot+Compressed+Medium.otfpath/GraublauWeb.otf") format("opentype");

@font-face {
    font-family: 'BureauGrotCompressedlight';
    src: url(https://static1.squarespace.com/static/5dc1b52aa263a635ba553783/t/643745ad4c87cb7dc37c35c9/1681343917143/Bureau+Grot+Condensed+Light.otf) format("opentype");

h1 h2 h3 h4 p {font-family: 'BureauGrotCompressedMedium';}

h2.newsletter-form-header-title {font-family: 'BureauGrotCompressedMedium';}

h1.page-title {font-family: 'BureauGrotCompressedMedium';}

h2.primary-nav-wrapper  {font-family: 'BureauGrotCompressedMedium';}

Edited by Mayramoca33
Link to comment
  • Replies 1
  • Views 146
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

16 minutes ago, Mayramoca33 said:

h1 h2 h3 h4 p {font-family: 'BureauGrotCompressedMedium';}

May not be the only problem, but these selectors need comma separating, i.e.

h1, h2, h3, h4, p, a {font-family: 'BureauGrotCompressedMedium';}

Edited by Ziggy

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
Hire me on Upwork!

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

 Did I help? Buy me a coffee?

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.