Jump to content


  • Posts

  • Joined

  • Last visited

RodB's Achievements

Level 1

Level 1 (1/20)



  1. I tried adding !important, but to no avail. It's still an issue on mobile. As an experiment, I deleted the custom font h1 font and instead used this code to specify another built-in font (Poppins): h1 { font-family: 'Poppins'!important; font-weight: 300!important; } As with the custom font, it works on desktop but not on mobile. I am beginning to wonder if this is not font-related but a deeper issue with SquareSpace. It shouldn't be this hard to use two different headline fonts. Thanks for the note about Playfair Display.
  2. Custom fonts work on desktop. They also work in browser Inspector, mobile view. BUT...they do not work on actual mobile devices. Here is my code. Help! 🙂 URL: https://www.breakthelink.org/ @font-face{ font-family: 'Nexa Light'; src: url ('https://static1.squarespace.com/static/62c4c46ef88c2c6a02afa70f/t/62eaa735ea232972ef2dc4a4/1659545397369/NexaTextDemo-Light.woff'); font-weight: regular; } h1 { font-family: 'Nexa Light'; } @font-face{ font-family: 'Playfair Display'; src: url ('https://static1.squarespace.com/static/62c4c46ef88c2c6a02afa70f/t/62e69ebf7096f8757c4b57a8/1659281087510/PlayfairDisplay-VariableFont_wght.ttf'); font-weight: regular; } h2 { font-family: 'Playfair Display'; }
  • 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.