Jump to content

WEIRD font size!!!

Recommended Posts

Site URL: https://seanguo.ink/

Weird things just happened.....

 

1. I use templete "Lange" for my website, default setting. So my title and tagline should have same font size.

but when I see me website in Chrome(win) and Safari&Chrome(ipad), the title and the tagline have different size and base line.

1071761380__20200406175300.thumb.jpg.c2961a328060de21a9474b3e7bed4d0b.jpg

 

2. The weirdest thing is when I zoomed-in to 300%in Chrome, the tagline became upper case.....

1367225417__20200406175248.thumb.jpg.630792310908dacf588e7c3df2464a4d.jpg

Link to comment
  • Replies 3
  • Created
  • Last Reply
  • 3 weeks later...
  • 5 months later...

I know this is an older post, but I found a simple solution to the font size problem that should help other people. I scoured the internet and had trouble finding an answer. It is a known issue to Squarespace support that Safari doesn't display font sizes correctly. My understanding is that it is because 7.1 uses em sizes instead of px. So you have to add your desired size in pixels to the CSS:

For example, for Header 1:

h1 {
  font-size: 60px;
}

Repeat as needed for each of the types that are not displaying correctly (p, h2, h3, etc.).

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.