Jump to content

PBDesignStudio

Circle Member
  • Posts

    15
  • Joined

  • Last visited

Everything posted by PBDesignStudio

  1. Hi everyone, I've uploaded a custom font called CoralLovers using @font-face and I'm displaying the site title using this font. It displays correctly in the desktop view but its not showing up in the mobile view. The mobile vew displays the font Moret which is from the style editor. This is the code I've used: @font-face { font-family: "CoralLovers"; src: url('https://static1.squarespace.com/static/61f080f85f9cf332a6a30286/t/6494de86a758317b9265fead/1687477895079/CoralLovers.otf'); unicode-range: F018, F01B, F032, F02A; } .header-title-text { font-family: "CoralLovers"; text-transform: uppercase; } Any insight apperciated! Thank you.
  2. Thanks, I actually reaached out to the folks at the font website and they said the free version I downloaded was only for desktop and not for the web. So that's why its not working.
  3. Hi, I've uploaded a custom font file (this one to be exact: https://www.dafont.com/steelfish.font). It is a 100% free font file. And I've used the following code: @font-face { font-family: 'steelfishrg'; src: url ('https://static1.squarespace.com/static/645bd2aa2b1dcd50418e979b/t/645bd4c0da76f657dba1bea9/1683739840357/steelfishrg.otf'); } h1, h2 { font-family: 'steelfishrg' !important; } Pretty sure the code is good as I've uploaded and worked with custom fonts before. What am I missing? As the font doesn't display. The site is a trial site. https://corn-pigeon-csrd.squarespace.com | Pwd: demo Thanks is advance.
×
×
  • 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.