danagbemava-nc
commented
4 months ago Hi @bipinkrish, did you do any extra setup to get it working on windows?
Also, if you add the noto fonts, does it work for you?
Open bipinkrish opened 4 months ago
danagbemava-nc
commented
4 months ago Hi @bipinkrish, did you do any extra setup to get it working on windows?
Also, if you add the noto fonts, does it work for you?
bipinkrish
commented
4 months ago @danagbemava-nc I did not do any extra steps for Windows and since this is a very custom font with weird characters i haven't used noto-font.
danagbemava-nc
commented
4 months ago By extra setup, I meant if you installed the ttf for sign writing on your windows desktop environment before running the app. Or if you already had it installed
bipinkrish
commented
4 months ago I meant if you installed the ttf for sign writing on your windows desktop environment before running the app. Or if you already had it installed
I did, maybe that is why it is working in windows, do you have suggestion for me?
danagbemava-nc
commented
4 months ago I do not unfortunately.
I can reproduce the issue using the code sample shared above and the font files provided, this isn't limited to android or web. It applies to all platforms. For desktop, the fonts will start working when the ttf is installed on the system directly. Looking at the README for the font, it looks like this cannot be installed directly on android. However, with the font files available, I believe it should be loaded on all platforms.
Labeling for further investigation.
bipinkrish
commented
4 months ago @danagbemava-nc It works on windows because font is installed on the system but why didn't it work for the web on the same system?
danagbemava-nc
commented
4 months ago It won't work in a windows application on a system that doesn't have the font installed. You'd have to instruct your users to install the font on their devices as well, which I don't is supposed to be the case.
I imagine the browser doesn't have access to your system fonts so that's perhaps why it doesn't work.
bipinkrish
commented
4 months ago @danagbemava-nc One solution is, instead of using the font files in the package use it in the project itself.
bipinkrish
commented
4 months ago Like
flutter:
fonts:
- family: SuttonSignWritingFill
fonts:
- asset: assets/fonts/SuttonSignWritingFill.ttf
- family: SuttonSignWritingLine
fonts:
- asset: assets/fonts/SuttonSignWritingLine.ttf
ameenvga
commented
4 months ago I'm encountering a similar issue. When implementing a custom font, it appears correctly on the macOS version and in the iOS emulator. However, the font fails to display properly on both the Android emulator and on physical Android devices.
I declared it in my pubspec.yaml
fonts:
- family: testfont
fonts:
- asset: assets/fonts/test/ML-KV-Ashi-Bold Bold.ttfAnd use like this
import 'package:flutter/material.dart';
class MyWidget extends StatelessWidget {
const MyWidget({super.key});
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(),
body: const Center(
child: Text(
'aebmfw',
style: TextStyle(
fontSize: 50,
fontFamily: 'testfont',
),
),
),
);
}
}
No help at all in this issue?
ameenvga
commented
4 months ago @danagbemava-nc One solution is, instead of using the font files in the package use it in the project itself.
does not work at all in my case
bipinkrish
commented
4 months ago does not work at all in my case
@ameenvga I feel like, space is the problem
- asset: assets/fonts/test/ML-KV-Ashi-Bold Bold.ttf
try with the valid file name for the font.
ameenvga
commented
4 months ago does not work at all in my case
@ameenvga I feel like, space is the problem
- asset: assets/fonts/test/ML-KV-Ashi-Bold Bold.ttf
try with the valid file name for the font.
Nop. I have tried that one too. Does not work.
Steps to reproduce
An example from signwriting_flutter which uses custom signwriting TTF fonts from https://github.com/sutton-signwriting/font-ttf
Expected results
In Windows it's alright, rendering actual visualization of FSW string
Actual results
But in Android and Web it is just throwing emojis or nothing, maybe because of
noto-font?Code sample
Code sample
```dart import 'dart:typed_data'; import 'package:flutter/material.dart'; import 'package:signwriting_flutter/signwriting_flutter.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'SignWriting Image Test', home: Scaffold( appBar: AppBar( title: const Text('SignWriting Image Test'), ), backgroundColor: Colors.black, body: Center( child: FutureBuilderScreenshots or Video
Screenshots / Video demonstration
Windows:
Android:
Web:
Logs
Logs
```console Launching lib\main.dart on Chrome in debug mode... This app is linked to the debug service: ws://127.0.0.1:57165/er9FDGf5wwQ=/ws Debug service listening on ws://127.0.0.1:57165/er9FDGf5wwQ=/ws Connecting to VM Service at ws://127.0.0.1:57165/er9FDGf5wwQ=/ws Could not find a set of Noto fonts to display all missing characters. Please add a font asset for the missing characters. See: https://flutter.dev/docs/cookbook/design/fonts ```Flutter Doctor output
Doctor output
```console [√] Flutter (Channel stable, 3.19.5, on Microsoft Windows [Version 10.0.19045.2311], locale en-US) • Flutter version 3.19.5 on channel stable at D:\flutter • Upstream repository https://github.com/flutter/flutter.git • Framework revision 300451adae (2 weeks ago), 2024-03-27 21:54:07 -0500 • Engine revision e76c956498 • Dart version 3.3.3 • DevTools version 2.31.1 [√] Windows Version (Installed version of Windows is version 10 or higher) [√] Android toolchain - develop for Android devices (Android SDK version 34.0.0) • Android SDK at C:\Users\Bipin\AppData\Local\Android\Sdk • Platform android-34, build-tools 34.0.0 • ANDROID_SDK_ROOT = C:\Users\Bipin\AppData\Local\Android\Sdk • Java binary at: D:\Android Studio\jbr\bin\java • Java version OpenJDK Runtime Environment (build 17.0.6+0-b2043.56-10027231) • All Android licenses accepted. [√] Chrome - develop for the web • Chrome at C:\Program Files\Google\Chrome\Application\chrome.exe [√] Visual Studio - develop Windows apps (Visual Studio Community 2022 17.7.2) • Visual Studio at C:\Program Files\Microsoft Visual Studio\2022\Community • Visual Studio Community 2022 version 17.7.34018.315 • Windows 10 SDK version 10.0.20348.0 [√] Android Studio (version 2022.3) • Android Studio at D:\Android Studio • Flutter plugin can be installed from: https://plugins.jetbrains.com/plugin/9212-flutter • Dart plugin can be installed from: https://plugins.jetbrains.com/plugin/6351-dart • Java version OpenJDK Runtime Environment (build 17.0.6+0-b2043.56-10027231) [√] VS Code (version 1.88.1) • VS Code at C:\Users\Bipin\AppData\Local\Programs\Microsoft VS Code • Flutter extension version 3.86.0 [√] Connected device (4 available) • RMX3395 (mobile) • 192.168.1.3:43355 • android-arm64 • Android 13 (API 33) • Windows (desktop) • windows • windows-x64 • Microsoft Windows [Version 10.0.19045.2311] • Chrome (web) • chrome • web-javascript • Google Chrome 123.0.6312.122 • Edge (web) • edge • web-javascript • Microsoft Edge 122.0.2365.52 [√] Network resources • All expected network resources are available. • No issues found! ```