PBDesignStudio

That worked. Thank you!

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.

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.

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.