WEIRD font size!!!

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.

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

Can you share link to your site?

@tuanphan

The link is:

Seanguo.ink

I think I fixed the alignment problem, but still have the capital letter problem.

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.).