Jump to content

Custom 'monospace' font not appearing on mobile and Safari

Recommended Posts

I'm building a website and added this code to create a custom monospace. It shows on desktop, but not on mobile. It doesn't show on Safari as well. On the other hand, I used this font in categories text and it works perfectly.

.sqs-block-html pre code {
    font-family: 'Ostia Antica' !important;
    font-size: 20px;

Here’s the link to my site: cat-wrasse-ynly.squarespace.com (Password: jacob).

I've also uploaded images for reference.

Any ideas on why this might be happening or how to fix it?

Thanks in advance!


Screenshot 2024-07-02 at 11.07.18 PM.png

Screenshot 2024-07-02 at 11.08.34 PM.png

Link to comment
  • Replies 1
  • Views 234
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.