Weird serif text kerning on mobile

The kerning on certain serif fonts is super spaced out on my mobile live site.

It is totally fine on the desktop live site (see here) and even in mobile preview in chrome dev tools on desktop (see here). But on my actual mobile phone the text kerning is spaced out (see here).

I am using Young Serif, a free font. But it has happened with other serif fonts before. I’ve tested both chrome and safari on my phone, the issue appears on both browsers.

Any idea why this might be?

Would anyone be able to help?

Edit: Nevermind, I realised that I had headings set to 700weight when the font was a 400weight. So I think webflow was trying to apply some extra bulk to the font or something.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.