Jump to content

Font scaling issue: How to get fonts to scale with browser window instead of remaining the same size

Recommended Posts

When I scale my site to a certain width, the Heading text size gets weirdly smaller, shown in the Scaling-Issue.mp4. I know this is a common unresolved issue a lot of people have experienced based on previous posts.

But what if I don't want the text size to remain the same size and the text boxes to get all wonky when scaling the page? I want my font size to get bigger and smaller as the window gets bigger and smaller, as is shown in Scaling-Goal.mov. I thought 'rem/em' was supposed to solve this. It's frustrating that the text remains the same size and that causes the text boxes to get all wonky and smushed. Is it possible to design the site with a certain width and 'lock' that aspect ratio so the entire design just gets smaller when you scale the browser window like in the example?

I'm very new to this so I need some help.

My site:





Edited by tayfbach
Link to comment
  • Replies 0
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

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.