Repository navigation
Text on desktop Windows 10 looks rough(no antialiasing) #53308
Description
Flutter channel: master
Flutter version: 1.16.3-pre.40
Windows 10 build: 19592
Monitor native resolution: 3840x2160
System resolution: 2560x1440
Scaling: 100%
Left is flutter, right is UWP(expected text smoothing)
A more closed up screenshot comparison
flutter
uwp
Reproduction steps:
In powershell, run
$env:ENABLE_FLUTTER_DESKTOP="true"
In terminal, run
flutter config --enable-windows-desktop
flutter create <your-app-name>
flutter run -d windows
See the text on the screen for result
Reacted by felixchoi, inertry, felerdin, cjng98, leo.park, Austin.park, hyunsoo, morara81, cys2516, Alexey Ivanov and 21 more
Activity
timsneath commentedon Mar 25, 2020
Can you give us the results of
flutter doctor -vjust for completeness? I haven't seen this on my machine... This is the five hour-old Windows Insider build, right? Have you seen this on older builds?nerocui commentedon Mar 25, 2020
[✓] Flutter (Channel master, v1.16.3-pre.40, on Microsoft Windows [Version 10.0.19592.1001], locale en-US)
• Flutter version 1.16.3-pre.40 at C:\src\flutter
• Framework revision ec3653f (4 hours ago), 2020-03-25 11:57:05 -0700
• Engine revision 9459670
• Dart version 2.8.0 (build 2.8.0-dev.17.0 62f84880ef)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
• Android SDK at C:\Users\Nero\AppData\Local\Android\sdk
• Android NDK location not configured (optional; useful for native profiling support)
• Platform android-29, build-tools 29.0.2
• Java binary at: C:\Program Files\Android\Android Studio\jre\bin\java
• Java version OpenJDK Runtime Environment (build 1.8.0_212-release-1586-b04)
• All Android licenses accepted.
[✓] Visual Studio - develop for Windows (Visual Studio Community 2019 16.5.1)
• Visual Studio at C:\Program Files (x86)\Microsoft Visual Studio\2019\Community
• Visual Studio Community 2019 version 16.5.29920.165
[✓] Android Studio (version 3.6)
• Android Studio at C:\Program Files\Android\Android Studio
• Flutter plugin version 44.0.2
• Dart plugin version 192.7761
• Java version OpenJDK Runtime Environment (build 1.8.0_212-release-1586-b04)
[✓] VS Code (version 1.43.1)
• VS Code at C:\Users\Nero\AppData\Local\Programs\Microsoft VS Code
• Flutter extension version 3.8.1
[✓] Connected device (1 available)
• Windows • Windows • windows-x64 • Microsoft Windows [Version 10.0.19592.1001]
• No issues found!
nerocui commentedon Mar 25, 2020
@timsneath Yes it's a new windows insider build. I have not yet tried it on other builds. I can do it tho, testing in something like a vm.
clarkezone commentedon Mar 26, 2020
Is the UWP using XAML for the text?
nerocui commentedon Mar 26, 2020
@clarkezone Yes it's a text block.
clarkezone commentedon Mar 26, 2020
What font are you using in each case?
nerocui commentedon Mar 26, 2020
@clarkezone both default. I didn't change font family, font size or font weight.
clarkezone commentedon Mar 26, 2020
Also how do they compare if you increase the scaling to 150%. We’ve implemented per monitor V2 DPI support in flutter on windows so on a high DPI display with scaling set at an appropriate value, the perceived quality should be better than when running at 100% as there are more pixels to antialias over.
clarkezone commentedon Mar 26, 2020
It’s not an apples to apples comparison if you are using different fonts.
nerocui commentedon Mar 26, 2020
New screenshots, both using Lato font, 14 font size, 400 font weight. Taken on both 100% scaling and 150% scaling.
Flutter at 100% scaling
UWP at 100% scaling
Flutter at 150% scaling
UWP at 150% scaling
timsneath commentedon Mar 26, 2020
Looking at those two screenshots, I'm still seeing a difference in the font being rendered: only the Flutter screenshot is Lato. Compare the descenders on the lower case letter 'y' with the Google Fonts Lato page.
Sorry to continue to push on this, but having a like-for-like comparison is important. It may simply be that what you're observing is the result of these font differences, or simply expected differences between different text shaping engines. (Windows itself isn't pixel-identical for font rendering across WinForms, WPF and UWP, for example, at least last time I worked on it.)
18 remaining items
asmith20002 commentedon Mar 27, 2022
This issue is still there. Text on windows looks bad.
emexal-company commentedon May 19, 2022
I 've just downloaded the application https://www.appflowy.io/, and I'm seeing the font rendering on Windows 10 is very bad. The application is almost unusable because of that.
sirgru commentedon Sep 14, 2022
This is extremely disappointing. Please look into #63043
flutter-triage-bot commentedon Jun 7, 2024
The
triaged-desktoplabel is irrelevant if there is noteam-desktoplabel orfyi-desktoplabel.