Homepage gallery custom fonts

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!

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?

You can follow the following tutorial to set custom font

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.

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;
}

Amazing, thank you!