Flutter Web with CanvasKit: TextField with custom font won't display some characters #58506
Description
There are multiple issues related to incorrect characters rendering in CanvasKit.
I suppose this is a slightly different case because it is related to a custom font from google_fonts.
If I use the default font, Latin and Cyrillic characters are displayed correctly, but special characters are broken.
However, If I set a custom font (Poppins), it breaks Cyrillic characters too.
Steps to Reproduce
- Add the following
TextFormField(orTextField) widget:
TextFormField(
initialValue: "Some text, ⌘, ⌫, кириллица",
style: GoogleFonts.poppins(),
)
- Run
flutter run -d chrome --release --dart-define=FLUTTER_WEB_USE_SKIA=true
Expected results (DomCanvas):
Actual results: (CanvasKit)
-
Without custom font:
-
With custom font:
Logs
[√] Flutter (Channel beta, 1.18.0-11.1.pre, on Microsoft Windows [Version 10.0.18363.836], locale ru-RU)
• Flutter version 1.18.0-11.1.pre at c:\sdk\flutter
• Framework revision 2738a1148b (3 weeks ago), 2020-05-13 15:24:36 -0700
• Engine revision ef9215ceb2
• Dart version 2.9.0 (build 2.9.0-8.2.beta)
[!] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
• Android SDK at C:\Users\vs_kr\AppData\Local\Android\sdk
• 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)
X Android license status unknown.
Try re-installing or updating your Android SDK Manager.
See https://developer.android.com/studio/#downloads or visit visit
https://flutter.dev/docs/get-started/install/windows#android-setup for detailed instructions.
[√] Chrome - develop for the web
• Chrome at C:\Program Files (x86)\Google\Chrome\Application\chrome.exe
[√] Android Studio (version 3.6)
• Android Studio at C:\Program Files\Android\Android Studio
• Flutter plugin version 46.0.1
• Dart plugin version 192.8052
• Java version OpenJDK Runtime Environment (build 1.8.0_212-release-1586-b04)
[√] VS Code (version 1.45.1)
• VS Code at C:\Users\vs_kr\AppData\Local\Programs\Microsoft VS Code
• Flutter extension version 3.11.0
[√] Connected device (2 available)
• Web Server • web-server • web-javascript • Flutter Tools
• Chrome • chrome • web-javascript • Google Chrome 81.0.4044.138
! Doctor found issues in 1 category.
Metadata
Metadata
Assignees
Labels
Important issues not at the top of the work listEntering text in a text field or keyboard related problemsText rendering, possibly libtxtCanvasKit (a.k.a. Skia-on-WebGL) rendering backend for Webflutter/engine related. See also e: labels.flutter/packages/flutter/material repository.Found to occur in 1.19flutter/packages/flutter repository. See also f: labels.The issue has been confirmed reproducible and is ready to work onWeb applications specifically