Jump to content

CSS Custom Fonts Applying On Safari H1-H3, H4 not working?

Recommended Posts

H4 can be found on services page, hero section. "IT’S EASY TO CREATE THE BEAUTIFUL IMAGERY YOU NEED"

I will attatch our code as well. Any help is much appreciated, squarespace said they can't help with custom code. I don't understand why the font wouldn't apply while the others do. 

 

@font-face {
    font-family: 'Bakewell-Regular';
       src: url('https://static1.squarespace.com/static/64b844499de9716234082933/t/65a07688dbd4ff193f4f4960/1705014920962/Bakewell-Regular.ttf'),
         url('https://static1.squarespace.com/static/64b844499de9716234082933/t/65a07686afedb608fc41ab38/1705014918941/Bakewell-Regular.woff2'),
         url('https://static1.squarespace.com/static/64b844499de9716234082933/t/6584fb73a185e83d524cf274/1703213939593/Bakewell-Regular.woff');
  }
h1 {font-family: 'Bakewell-Regular';}

@font-face {
    font-family: 'EVVY-Inline';
       src: url('https://static1.squarespace.com/static/64b844499de9716234082933/t/65a077091e08d12cb72095ce/1705015049160/EVVY-Inline.woff'),
         url('https://static1.squarespace.com/static/64b844499de9716234082933/t/65a07707f1b3e026600bed17/1705015047857/EVVY-Inline.woff2'),
         url('https://static1.squarespace.com/static/64b844499de9716234082933/t/6585159015550c0278fe1a8a/1703220624602/EVVY-Inline+%283%29.otf');
  }
h2 {font-family: 'EVVY-Inline';}

@font-face {
    font-family: 'EVVY-Black';
       src: url('https://static1.squarespace.com/static/64b844499de9716234082933/t/65a077696e36967a03135096/1705015145420/EVVY-Black.woff'),
         url('https://static1.squarespace.com/static/64b844499de9716234082933/t/65a0776b32979a65ff472590/1705015147072/EVVY-Black.woff2'),
         url('https://static1.squarespace.com/static/64b844499de9716234082933/t/6584fa9973b50944c438df59/1703213721931/EVVY-Black.otf');
  }
h3 {font-family: 'EVVY-Black';}

@font-face {
    font-family: 'Bakewell-BoldItalic';
       src: url('https://static1.squarespace.com/static/64b844499de9716234082933/t/65a079369b456220252d7fe3/1705015606667/Bakewell-BoldItalic.woff2'),
       url('https://static1.squarespace.com/static/64b844499de9716234082933/t/65a079344522954f7d0d7878/1705015604098/Bakewell-BoldItalic.woff'),
         url('https://static1.squarespace.com/static/64b844499de9716234082933/t/659860753ab36471d2e3ba71/1704484981497/Bakewell-BoldItalic.ttf');
  }
h4 {font-family: 'Bakewell-BoldItalic';}

@font-face {
    font-family: 'Bakewell-Regular';
       src: url('https://static1.squarespace.com/static/64b844499de9716234082933/t/6584fb73a185e83d524cf274/1703213939593/Bakewell-Regular.woff')
         url('https://static1.squarespace.com/static/64b844499de9716234082933/t/65a07686afedb608fc41ab38/1705014918941/Bakewell-Regular.woff2'),
         url('https://static1.squarespace.com/static/64b844499de9716234082933/t/65a07688dbd4ff193f4f4960/1705014920962/Bakewell-Regular.ttf'),;
  }
p.sqsrte-large {font-family: 'Bakewell-Regular';}

 

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

Top Posters In This Topic

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.