Jump to content

Font showing differently on mobile devices?

Recommended Posts

Site URL: http://megalodon-leopard-hb9r.squarespace.com/

Hello all.

My site contains Chinese characters and I've encountered an issue with the font Noto Serif, selected from Squarespace.

On desktop, the font is rendered correctly as serif for Chinese characters. But on mobile, it shows up as sans serif. The difference here is confuses me. I am wondering if there's a way to assign a fallback font, or a code to force it to fallback to any serif font for mobile viewing? 

I have tried importing/embedding a Chinese font (Noto Serif TC) from Google Fonts, but it isn't cost-effective in terms of file size and severely impacts my website's loading speed.

Thanks in advance!

Desktop .png

Mobile.jpg

Edited by caravaggio
Link to comment

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.