Jump to content

Custom Fonts not working on mobile site

Recommended Posts

Site URL: https://www.eleanormartinphotography.com/

I have added a custom css to my site to change the font, however it is not applying to my mobile version of my site, which is what I use most. I've tried to keep it simple as I'm new to this but still doesn't seem to be working. Any help would be apricated! 

My code - 

@font-face {

    font-family: 'ALBRA';

       src: url('https://static1.squarespace.com/static/615f060bc9258a6b95ce9b9e/t/62bd99c524ed2a63f31518fd/1656592837958/ALBRA.ttf');

  }

p {font-family: 'ALBRA';}
H1 {font-family: 'ALBRA';}
H2 {font-family: 'ALBRA';}
H3 {font-family: 'ALBRA';}
H4 {font-family: 'ALBRA';}

Link to comment
  • Replies 1
  • Views 221
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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.