Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

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 post
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

Can you share link to your site?

Posted Images

  • 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 post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...