Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Adding Custom Font to Blog Titles in Brine Template



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


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
  • Answers 1
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

1 answer to this question

Recommended Posts

  • 0

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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...