Jump to content

Adding Custom Font to Blog Titles in Brine Template

Recommended Posts

Site URL: https://www.vancouverislandwhalewatch.com/recent-sightings

Hello,

My website uses a custom font for H1 (Rustico), which I've been able to add successfully through CSS. However, I can't seem to get it to work as a Blog font title. Here's the code I'm using, any help would be greatly appreciated!

h1.BlogItem-title {
    font-family: 'Rustico-Regular_88370ec8e2123dc44e47a64c4bafc272' !important;
}
@font-face {
font-family: 'Rustico-Regular_88370ec8e2123dc44e47a64c4bafc272';

       src: url('https://static1.squarespace.com/static/5985d390e45a7c3cc38d251a/t/61f45f093810e55baf808c9b/1643405066117/Rustico-Regular_88370ec8e2123dc44e47a64c4bafc272.otfFontURL');

  }

h1 {font-family: 'Rustico-Regular_88370ec8e2123dc44e47a64c4bafc272';}

 

Link to comment
  • Replies 5
  • Views 629
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Use this new code

@font-face {
    font-family: 'Rustico-Regular';
    src: url(https://static1.squarespace.com/static/5985d390e45a7c3cc38d251a/t/61f45f093810e55baf808c9b/1643405066117/Rustico-Regular_88370ec8e2123dc44e47a64c4bafc272.otf);
}

h1, article.BlogList-item a {
    font-family: 'Rustico-Regular' !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
  • 11 months later...
On 2/7/2023 at 11:50 AM, DDC said:

Hi There,

I'm trying to do the same with my blog. I haven't published anything as of yet as I'm trying to get the drafts sorted but how do I make the Title Font for blogs a custom font. 

https://www.dirtydiscocreative.com/journal-1

Font for the Blog title is TAN Aegean 

Thanks so much

 

 

Can you add a blog post? We can check easier

 

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
On 2/12/2023 at 2:42 PM, DDC said:

Sure thing. Here is a test one I have published. 

 

https://dirtydiscocreative1.squarespace.com/config/pages/63e0a33394601671040fdaf5

Add to Design > Custom CSS

a.BlogList-item-title, h1.BlogItem-title {
    font-family: 'ibm-plex-sans' !important;
}

image.png.a9a89ad15059b773c91ca7b01c2104c6.png

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.