Jump to content

Homepage gallery custom fonts

Recommended Posts

  • Replies 5
  • Views 418
  • Created
  • Last Reply

Top Posters In This Topic

32 minutes ago, Dogwoof said:

Site URL: https://dogwoof.com/

Hi there,

I've uploaded a custom font and have applied it everywhere through CSS but I can't seem to change on the homepage gallery section at the top (heading and button block).

Is there some custom CSS I could use here? Template is Bedford.

Thanks!

Can you share screen of the code that you apply the custom font?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

You can follow the following tutorial to set custom font

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
On 3/25/2022 at 1:31 PM, bangank36 said:

Can you share screen of the code that you apply the custom font?

Sure, this is what I currently have set up for the the headings and main navigation menu:

@font-face {    
font-family: 'BARLOW';       
src: url('https://static1.squarespace.com/static/569cf0841c1210c8103543c7/t/623d9129f105000f7aa18dfe/1648202026027/BarlowSemiCondensed-Bold.ttf');  }
h1 {font-family: 'BARLOW';}
h2 {font-family: 'BARLOW';}
h3 {font-family: 'BARLOW';}

.banner-thumbnail-wrapper .desc-wrapper * {
    font-family: 'BARLOW';
}

@font-face {    
font-family: 'BARLOW-MEDIUM';       
src: url('https://static1.squarespace.com/static/569cf0841c1210c8103543c7/t/623d956fee3487035071be68/1648203120000/BarlowSemiCondensed-Medium.ttf');  }
#mainNavigation div a {
  font-family: BARLOW-MEDIUM;
}

However it doesn't carry over to the title and text on a gallery image.

Link to comment
On 3/28/2022 at 10:02 PM, Dogwoof said:

Sure, this is what I currently have set up for the the headings and main navigation menu:

@font-face {    
font-family: 'BARLOW';       
src: url('https://static1.squarespace.com/static/569cf0841c1210c8103543c7/t/623d9129f105000f7aa18dfe/1648202026027/BarlowSemiCondensed-Bold.ttf');  }
h1 {font-family: 'BARLOW';}
h2 {font-family: 'BARLOW';}
h3 {font-family: 'BARLOW';}

.banner-thumbnail-wrapper .desc-wrapper * {
    font-family: 'BARLOW';
}

@font-face {    
font-family: 'BARLOW-MEDIUM';       
src: url('https://static1.squarespace.com/static/569cf0841c1210c8103543c7/t/623d956fee3487035071be68/1648203120000/BarlowSemiCondensed-Medium.ttf');  }
#mainNavigation div a {
  font-family: BARLOW-MEDIUM;
}

However it doesn't carry over to the title and text on a gallery image.

Use this CSS

.meta-description * {
    font-family: 'BARLOW' !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.