Jump to content

Custom Fonts are not working

Recommended Posts

Posted (edited)

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
  • Replies 1
  • Views 199
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted (edited)
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: 
https://squarefortytwo.com 
Hire me on Upwork!

📈 SEO Space (Referral link)
Ⓜ️ 
Will Myers' Plugins & Tutorials (Referral link)
 🔌 Ghost Squarespace Plugins (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲SQSP Themes (Referral link) 
Spark Plugin (Referral link) 
 🖼️Pinch-to-Zoom Gallery Lightbox Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.