Custom font does not work properly

[itsstevenliu]

Can we access your project?

• [X] I give permission for members of the FlutterFlow team to access and test my project for the sole purpose of investigating this issue.

Current Behavior

Uploading a custom font and using it does not work as expected. I have a whole font family and none of it work.

Expected Behavior

Font should be per custom font set up

Steps to Reproduce

1. Upload custom font (see sample provided file for bold font) and set it as bold
2. Create new page
3. Use custom font in text (select bold). FF IDE shows bolding
4. Local Test on iOS or TestFlight and it is very thin and does not equate to what is shown on FF IDE. Normal web 'test mode' works but does not work when testing on iOS.

Custom font file (cannot be uploaded to GitHub as it is a .ttf file) https://drive.google.com/file/d/1zG0ezCIZYinsSj4sRJ9Ec0hvMAMHQ0NT/view?usp=drive_link

Reproducible from Blank

• [X] The steps to reproduce above start from a blank project.

Bug Report Code (Required)

IT4ohcrq4c9JpbxK0LXyb8FvryQ7OUw8bIEvmspOEC0jF7KuBu0fdszORFFoZ9+8aVNcOVCYgkMCw9LWkYTEUu05PU2tRpRdyqlqEgzOe2i7R8nSCYe/P0Z9N9pmCBWM5reN3RYlHPRhS0IGwDmmCNy9FnLDBOu/Zwh9f6PHaOI=

Visual documentation

Environment

- FlutterFlow version: 4.1.82
- Platform: Web and Mac
- Browser name and version: Version 127.0.6533.89 
- Operating system and version affected: 14.6 (23G80)

Additional Information

No response

[Alezanello]

Hello!

I wasn't able to replicate the issue. I used the font you provided, uploaded as "Testing Font," as shown in the following screenshot. I ran the app in the simulator, and it loaded correctly.

Best regards,
Azanello

[itsstevenliu]

Thanks @Alezanello

Are you able to show us how you've set up the file on your FF? This is our view.

[Alezanello]

Of course!


This is the set up in Custom fonts

[itsstevenliu]

Hey @Alezanello

I think I found the source. When I upload one font file into this font family, it works. However it does not work when you upload multiple font files into the font family. Can you please try?

You can access the font family files here: https://drive.google.com/drive/u/0/folders/1gUpDD2PqZ2H-aiLXK5_vTki6H-h2Mg7q

[github-actions[bot]]

This issue is stale because it has been open for 7 days with no activity. If there are no further updates, a team member will close the issue.

[itsstevenliu]

Not stale, waiting for reply

[github-actions[bot]]

This issue is stale because it has been open for 7 days with no activity. If there are no further updates, a team member will close the issue.

[Alezanello]

Hello,

I apologize for the late response. Does this issue still persist, or was it fixed in the latest FlutterFlow updates?

[itsstevenliu]

Hey @Alezanello, yes we're still experiencing the same problem.

For example, this is a screenshot straight from the app vs FlutterFlow. Per previous post, we uploaded a list of font. The example shows we assigned font file Neue Plak Text Bold to Font Weight 700. On the FF IDE, it shows the right thickness but once deployed, it is totally different and much thinner