Problem with font weights in Safari, but in Chrome they look fine.

Widgets & Design

Hi, I'm developing a website and I ran into a font rendering problem in Safari mobile. I am using two different fonts in my project, and in Chrome (also on mobile) the difference in the weight of each is clearly noticeable. However, in Safari they both seem to have the same thickness and the variation in font weight is not distinguishable.

I attach comparative images between Chrome and Safari on the same device so you can see the difference.

Fonts: Nunito and PT Sans

What have you tried so far?

I have tried to test the font weight list from flutterflow and with neither of them seems to be faithful to the design I follow in Figma nor does it look like in browsers like chrome.

Did you check FlutterFlow's Documentation for this topic?

Yes

2 replies