Custom font with CSS not reflected in mobile view

Hello

I changed the site title's font using CSS as I could not find my brand's font. It works fine on the desktop view but the customization is not reflected in the mobile view. Anyone knows what I should do?

Thanks

Can you share your website URL and the Custom CSS that you're adding to change the font?

Does it work in the preview but not on your phone?

Hello

It does not work in preview and does not work on my phone...

URL: https://radish-penguin-8kk9.squarespace.com/

Custom CSS:

// CUSTOM TITLE FONT

@font-face {
font-family: Public Sans;
src: url(https://static1.squarespace.com/static/6559118ae845e26d2b81d0a6/t/65593fcd9e8f5c381a4a6255/1700347853092/PublicSans-Bold.ttf);}

.header-title-text {
font-family: 'Public Sans';}

Thanks!

8 hours ago, ElodieS said:

URL: https://radish-penguin-8kk9.squarespace.com/

Your website is private so I can't view it to diagnose the issue.

I can't see anything immediately wrong with the code that you've shared either, though the .header-title-text may need an additional class to target the mobile title.

Thanks  Ziggy and tuanphan for your help!