Jump to content

Custom navigation font showing up on Chrome but not Safari

Recommended Posts

Site URL: https://chihuahua-parrot-rjda.squarespace.com/

I've added a custom font (both woff and woff2 files) and it's working fine for Chrome but not Safari.

Safari is showing up as a serif font, even though the font pack selected in squarespace is sans serif (Neue Haas).

Here is my code:

@font-face {font-family: 'Banana-Grotesk-Regular'; src:url(https://static1.squarespace.com/static/6099b1999f075203e3da1346/t/609cbd37811c1e67f7a48445/1620884791285/BananaGrotesk-Regular.woff) format('woff'),
 url(https://static1.squarespace.com/static/6099b1999f075203e3da1346/t/609cbd3ca6cf026bb5edcc79/1620884796131/BananaGrotesk-Regular.woff2) format('woff2'),}

.header-nav *, nav.header-menu-nav-list *  {
    font-family: 'BananaGrotesk-Regular' !important;}

Site URL: https://chihuahua-parrot-rjda.squarespace.com/

Site password: RG999!!!


Any help would be fabulous! Thank you!

Link to comment
  • Replies 1
  • Views 433
  • 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.