0

I recently decided to move my QML/Qt app into using Flutter. My app uses the Segoe UI font, and while it displays as I'd like in the Qt app in the Flutter app it is much thinner. I don't have any font weight settings or anything like that.

In Flutter, the text renders as enter image description here while in Qt it renders as enter image description here. As one can see the Qt text is noticeably thicker and darker, as how it should be.

I have tried increasing the font weight to 500 in Flutter but it becomes more thicker than it should be, as if it were bold.

How can I make Segoe UI text in Flutter render with the same thickness and weight as it does in Qt?

Improve this question
3
  • Imo different font sizes. Commented Nov 17 at 1:46
  • Regardless of the font size the text is still too thin Commented Nov 17 at 2:45
  • 1
    First of all, ensure that you're actually using the exact same font (file, version, family, variant, size, style, etc.). Assuming that those screenshots are using the same "source font", then it seems like it's a device scale inconsistency (Flutter seems to assume a higher ratio), but that's just an educated guess. Also consider that Flutter draws everything on its own, as opposed to most toolkits that generally rely on the platform rendering engine (including text drawing), so inconsistencies are possible. Note that increasing the font weight IS making the font bold. Commented Nov 17 at 4:16
Related questions
614
CSS Font Border?
794
Can I embed a custom font in an iPhone application?
1
Recreate the "thin" font that iCloud Beta is using
Load 6 more related questions Show fewer related questions

0

Reset to default

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.